@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,300;1,300;0,400;1,400;0,600;1,600;0,700;1,700&display=swap";
*{margin:0;padding:0}
body{font-family:'Source Code Pro',monospace;font-size:16px;line-height:1.7;color:#1a1a1a;background:#FDFAF4}
.wrp-max,.navwrp,.ftr-content{max-width:960px;margin:0 auto;box-sizing:border-box}
header{background:#fff;padding:32px 20px 24px;box-shadow:0 2px 4px #00000014}
.logowrp{text-align:center;margin-bottom:28px}
.logowrp img{height:110px;width:110px;display:inline-block}
.brandtxt{display:block;font-size:26px;font-weight:700;color:#0C4134;margin-top:12px;letter-spacing:-.5px}
.navwrp{padding:0 20px}
.navmain{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;list-style:none}
.navmain li a{text-decoration:none;color:#2a2a2a;font-weight:400;font-size:15px;padding:8px 12px;display:block;border-radius:4px;transition:background .2s ease,color .2s ease}
.navmain li a:hover{background:#f5f5f5;color:#AE1861}
main{min-height:200px}
footer{background:linear-gradient(135deg,#0C4134 0%,#1a5a47 100%);color:#fff;padding:48px 20px 28px;margin-top:80px;position:relative}
footer::before{content:'';position:absolute;top:-30px;left:0;right:0;height:30px;background:#FDFAF4;clip-path:polygon(0 0,100% 0,100% 100%,0 60%)}
.ftr-content{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap;padding:0 20px}
.ftr-block{flex:1;min-width:220px}
.ftr-block h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#FDFAF4}
.ftr-block p,.ftr-block a{font-size:14px;line-height:1.8;color:#ffffffd9}
.ftr-block a{text-decoration:none;display:block;margin-bottom:8px;transition:color .2s ease}
.ftr-block a:hover{color:#FDFAF4}
.ftrnav{list-style:none}
.ftrnav li{margin-bottom:8px}
.copywrp{text-align:center;margin-top:40px;padding-top:24px;border-top:1px solid #fff3;font-size:13px;color:#ffffffb3}
.cookiebox{position:fixed;left:20px;top:50%;transform:translateY(-50%);background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 16px #00000026;max-width:340px;z-index:9999;opacity:0;transition:opacity .3s ease;box-sizing:border-box}
.cookiebox.visible{opacity:1}
.cookiebox p{font-size:14px;line-height:1.6;color:#333;margin-bottom:16px}
.cookiebox a{color:#AE1861;text-decoration:underline}
.cookiebox a:hover{color:#0C4134}
.cookiebtns{display:flex;gap:10px}
.cookiebtn{flex:1;padding:10px 16px;border:none;border-radius:50px;font-family:'Source Code Pro',monospace;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}
.cookiebtn.accept{background:#0C4134;color:#fff}
.cookiebtn.accept:hover{background:#1a5a47}
.cookiebtn.decline{background:#e0e0e0;color:#333}
.cookiebtn.decline:hover{background:#d0d0d0}
.cookietab{position:fixed;right:0;top:50%;transform:translateY(-50%);background:#0C4134;color:#fff;padding:12px 8px;cursor:pointer;border-radius:8px 0 0 8px;font-size:12px;writing-mode:vertical-rl;z-index:9998;display:none}
.cookietab.show{display:block}
.cookiepanel{position:fixed;right:-400px;top:50%;transform:translateY(-50%);background:#fff;padding:28px;border-radius:12px 0 0 12px;box-shadow:-4px 0 16px #00000026;width:360px;max-width:calc(100vw - 40px);z-index:9999;transition:right .3s ease;box-sizing:border-box}
.cookiepanel.open{right:0}
.cookiepanel h3{font-size:18px;margin-bottom:16px;color:#0C4134}
.cookiepanel label{display:block;margin-bottom:12px;font-size:14px}
.cookiepanel input[type="checkbox"]{margin-right:8px}
.cookiepanel .cookiebtn{width:100%;margin-top:16px}
@media (max-width: 768px) {
.navmain{gap:16px}
.ftr-content{flex-direction:column;gap:32px}
.cookiebox{left:10px;right:10px;max-width:none}
header{padding:24px 16px 20px}
.logowrp img{height:90px;width:90px}
.brandtxt{font-size:22px}
}
@media (max-width: 480px) {
.navmain{flex-direction:column;gap:8px;align-items:center}
.cookiebtns{flex-direction:column}
}
.legal-content-vj{max-width:960px;margin:60px auto;padding:0 20px;background:#FDFAF4;border-radius:12px}
.legal-content-vj p{font-size:16px;line-height:1.75;color:#1a1a1a;margin:0 0 20px}
.legal-content-vj p:last-child{margin-bottom:0}
.legal-content-vj strong,.legal-content-vj b{font-weight:600;color:#0d0d0d}
.legal-content-vj a{color:#0C4134;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s ease}
.legal-content-vj a:hover{color:#AE1861;text-decoration-thickness:2px}
.legal-content-vj a:focus{outline:2px solid #0C4134;outline-offset:2px;border-radius:2px}
.legal-content-vj table{width:100%;border-collapse:collapse;margin:30px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #00000014}
.legal-content-vj thead{background:linear-gradient(135deg,#0C4134 0%,#AE1861 100%)}
.legal-content-vj thead tr{border:none}
.legal-content-vj thead th{color:#fff;font-weight:600;text-align:left;padding:16px 20px;font-size:15px;letter-spacing:.3px}
.legal-content-vj tbody tr{border-bottom:1px solid #e8e8e8}
.legal-content-vj tbody tr:last-child{border-bottom:none}
.legal-content-vj tbody tr:nth-child(even){background:#fafafa}
.legal-content-vj tbody tr:hover{background:#f5f5f5}
.legal-content-vj th,.legal-content-vj td{padding:14px 20px;font-size:15px;color:#1a1a1a}
.legal-content-vj td{line-height:1.6}
.legal-content-vj hr{border:none;height:2px;background:linear-gradient(90deg,#AE1861 0%,#0C4134 100%);margin:40px 0;border-radius:2px}
.legal-content-vj div{margin:0 0 24px}
.legal-content-vj div p:first-child{margin-top:0}
@media (max-width: 768px) {
.legal-content-vj{margin:40px auto;padding:0 16px;border-radius:8px}
.legal-content-vj p{font-size:15px;line-height:1.7;margin-bottom:18px}
.legal-content-vj table{font-size:14px;margin:24px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.legal-content-vj thead th{padding:12px 14px;font-size:14px}
.legal-content-vj th,.legal-content-vj td{padding:10px 14px;font-size:14px}
.legal-content-vj hr{margin:32px 0}
.legal-content-vj div{margin-bottom:20px}
}
@media (max-width: 480px) {
.legal-content-vj{margin:30px auto;padding:0 12px}
.legal-content-vj p{font-size:14px;margin-bottom:16px}
.legal-content-vj table{font-size:13px;margin:20px 0}
.legal-content-vj thead th{padding:10px 12px;font-size:13px;white-space:nowrap}
.legal-content-vj th,.legal-content-vj td{padding:8px 12px;font-size:13px}
.legal-content-vj hr{margin:28px 0}
}
.intro{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:64px}
.intro .bgimg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.85)}
.intro .bgimg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#0c413466 100%)}
.intro .txtwrap{position:relative;z-index:2;max-width:640px;margin:0 auto;padding:40px 32px;background:#fdfaf4eb;backdrop-filter:blur(12px);border-radius:16px;border:1px solid #ae186133;box-shadow:0 8px 24px #0c413426}
.intro .txtwrap h1{font-size:2.4rem;line-height:1.2;margin:0 0 16px;color:#0C4134}
.intro .txtwrap p{font-size:1.1rem;line-height:1.6;margin:0 0 24px;color:#333}
.intro .ctalink{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#AE1861 0%,#0C4134 100%);color:#FDFAF4;text-decoration:none;border-radius:8px;font-weight:500;box-shadow:0 4px 12px #ae18614d;transition:transform 0.2s,box-shadow .2s}
.intro .ctalink:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ae186166}
.bzsec{max-width:960px;margin:0 auto 80px;padding:0 20px}
.bzsec h2{font-size:2rem;margin:0 0 32px;color:#0C4134;position:relative;padding-left:20px}
.bzsec h2::before{content:'';position:absolute;left:0;top:4px;width:6px;height:80%;background:linear-gradient(180deg,#AE1861 0%,#0C4134 100%);border-radius:3px}
.bzgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bzcard{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:28px 24px;box-shadow:0 2px 8px #0000000f;transition:transform 0.3s,box-shadow .3s}
.bzcard:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0c41341f}
.bzcard h3{font-size:1.3rem;margin:0 0 12px;color:#AE1861}
.bzcard p{font-size:.95rem;line-height:1.7;margin:0;color:#555}
.interact{background:linear-gradient(135deg,#fdfaf4ff 0%,#0c41340d 100%);padding:64px 20px;margin-bottom:80px}
.interact .cntr{max-width:960px;margin:0 auto}
.interact h2{font-size:2rem;margin:0 0 40px;text-align:center;color:#0C4134}
.tabsys{position:relative}
.tabsys input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.tablabels{display:flex;gap:12px;margin-bottom:32px;justify-content:center;flex-wrap:wrap}
.tablabels label{padding:12px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-weight:500;color:#555;transition:all .3s;z-index:10}
.tablabels label:hover{border-color:#AE1861;color:#AE1861}
.tabsys input:checked + label{background:linear-gradient(135deg,#AE1861 0%,#0C4134 100%);color:#FDFAF4;border-color:transparent}
.tabpanel{display:none;background:#fff;padding:32px;border-radius:12px;border:1px solid #e0e0e0}
.tabsys input:nth-of-type(1):checked ~ .tabpanel:nth-of-type(1),.tabsys input:nth-of-type(2):checked ~ .tabpanel:nth-of-type(2),.tabsys input:nth-of-type(3):checked ~ .tabpanel:nth-of-type(3){display:block}
.tabpanel h4{font-size:1.4rem;margin:0 0 16px;color:#0C4134}
.tabpanel p{font-size:1rem;line-height:1.7;margin:0 0 16px;color:#444}
.tabpanel .statrow{display:flex;gap:20px;margin-top:24px}
.statbox{flex:1;text-align:center;padding:16px;background:#FDFAF4;border-radius:8px;border:1px solid #ae186133}
.statbox .num{font-size:2rem;font-weight:700;color:#AE1861;display:block;margin-bottom:4px}
.statbox .lbl{font-size:.9rem;color:#666}
.pricing{max-width:960px;margin:0 auto 80px;padding:0 20px}
.pricing h2{font-size:2rem;margin:0 0 40px;text-align:center;color:#0C4134}
.pricegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.pricecard{background:#fff;border:2px solid #e0e0e0;border-radius:16px;padding:40px 32px;position:relative;overflow:hidden;transition:border-color .3s}
.pricecard:hover{border-color:#AE1861}
.pricecard::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#AE1861 0%,#0C4134 100%)}
.pricecard h3{font-size:1.5rem;margin:0 0 8px;color:#0C4134}
.pricecard .cost{font-size:2.2rem;font-weight:700;color:#AE1861;margin:0 0 16px}
.pricecard p{font-size:.95rem;line-height:1.6;margin:0 0 24px;color:#555}
.pricecard ul{list-style:none;padding:0;margin:0 0 24px}
.pricecard ul li{padding:8px 0;font-size:.95rem;color:#444;position:relative;padding-left:24px}
.pricecard ul li::before{content:'✓';position:absolute;left:0;color:#0C4134;font-weight:700}
.pricecard .btnprice{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#0C4134 0%,#AE1861 100%);color:#FDFAF4;text-align:center;text-decoration:none;border-radius:8px;font-weight:500;transition:transform .2s;z-index:5}
.pricecard .btnprice:hover{transform:scale(1.02)}
.social{background:#FDFAF4;padding:64px 20px}
.social .wrap{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.social .txtside h2{font-size:2rem;margin:0 0 20px;color:#0C4134}
.social .txtside p{font-size:1rem;line-height:1.7;margin:0 0 16px;color:#444}
.social .imgside img{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 16px #0c413426}
@media (max-width: 768px) {
.intro{min-height:360px}
.intro .txtwrap{padding:28px 24px}
.intro .txtwrap h1{font-size:1.8rem}
.bzgrid{grid-template-columns:1fr;gap:20px}
.pricegrid{grid-template-columns:1fr;gap:24px}
.social .wrap{grid-template-columns:1fr;gap:32px}
.tabpanel .statrow{flex-direction:column;gap:16px}
}
@media (max-width: 480px) {
.intro .txtwrap h1{font-size:1.5rem}
.intro .txtwrap p{font-size:1rem}
.tablabels{flex-direction:column}
.tablabels label{text-align:center}
}
.titleblk{position:relative;overflow:hidden;margin:0 auto 80px;max-width:1200px}
.titleblk .imgwrap{position:absolute;left:-120px;top:0;width:55%;height:100%;overflow:hidden}
.titleblk .imgwrap img{width:100%;height:100%;object-fit:cover;filter:blur(8px);transition:filter 1.2s cubic-bezier(0.4,0,0.2,1)}
.titleblk.visible .imgwrap img{filter:blur(0)}
.titleblk .txtwrap{position:relative;margin-left:auto;width:50%;padding:120px 40px 120px 60px;background:linear-gradient(135deg,#fdfaf4fa,#fdfaf4f2)}
.titleblk h1{font-size:92px;font-weight:700;line-height:.95;color:#0C4134;margin:0;letter-spacing:-.02em}
.titleblk .pattern{position:absolute;right:0;bottom:0;width:200px;height:200px;background:radial-gradient(circle,#ae186114 1px,transparent 1px);background-size:16px 16px;transform:scale(1);transition:transform 1.4s ease-out}
.titleblk.visible .pattern{transform:scale(1.15)}
.storyblk{max-width:960px;margin:0 auto 90px;padding:0 20px}
.storyblk .grid2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.storyblk .leftcol h2{font-size:42px;font-weight:600;color:#0C4134;margin:0 0 24px;line-height:1.2}
.storyblk .leftcol h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#AE1861,#0C4134);margin-bottom:18px;border-radius:2px}
.storyblk .rightcol p{font-size:17px;line-height:1.75;color:#2a2a2a;margin:0 0 22px}
.storyblk .rightcol p:last-child{margin-bottom:0}
.valuesblk{background:linear-gradient(165deg,#0c41340a,#ae18610a);padding:80px 20px;margin:0 0 90px}
.valuesblk .inner{max-width:960px;margin:0 auto}
.valuesblk h2{font-size:38px;font-weight:600;color:#0C4134;text-align:center;margin:0 0 60px}
.valuesblk .cardset{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesblk .vcard{background:#fff;padding:36px 28px;border-radius:16px;box-shadow:0 4px 8px #00000014;border:2px solid transparent;transition:all .3s ease}
.valuesblk .vcard:hover{border-color:#AE1861;transform:translateY(-4px);box-shadow:0 8px 16px #ae186126}
.valuesblk .vcard h3{font-size:22px;font-weight:600;color:#0C4134;margin:0 0 14px}
.valuesblk .vcard p{font-size:16px;line-height:1.65;color:#3a3a3a;margin:0}
.teamblk{max-width:960px;margin:0 auto 90px;padding:0 20px}
.teamblk h2{font-size:38px;font-weight:600;color:#0C4134;margin:0 0 50px;position:relative;padding-left:24px}
.teamblk h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:40px;background:linear-gradient(180deg,#AE1861,#0C4134);border-radius:3px}
.teamblk .teammembers{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.teamblk .member{display:flex;gap:24px;align-items:start}
.teamblk .member .avatar{width:140px;height:140px;flex-shrink:0;border-radius:12px;overflow:hidden;border:3px solid #FDFAF4;box-shadow:0 6px 12px #0000001f}
.teamblk .member .avatar img{width:100%;height:100%;object-fit:cover}
.teamblk .member .info h3{font-size:24px;font-weight:600;color:#0C4134;margin:0 0 6px}
.teamblk .member .info .role{font-size:15px;color:#AE1861;font-weight:500;margin:0 0 12px;display:block}
.teamblk .member .info p{font-size:16px;line-height:1.6;color:#3a3a3a;margin:0}
.approachblk{background:#0C4134;padding:80px 20px;margin:0;position:relative;overflow:hidden}
.approachblk::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ae186126,transparent 70%);border-radius:50%}
.approachblk .inner{max-width:960px;margin:0 auto;position:relative;z-index:1}
.approachblk h2{font-size:38px;font-weight:600;color:#FDFAF4;margin:0 0 50px;text-align:center}
.approachblk .stepslist{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0}
.approachblk .step{padding:32px 28px;border-right:2px solid #fdfaf426;border-bottom:2px solid #fdfaf426;position:relative}
.approachblk .step:last-child{border-right:none}
.approachblk .step .num{display:inline-block;width:44px;height:44px;background:linear-gradient(135deg,#AE1861,#ae1861b3);color:#fff;font-size:20px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.approachblk .step h3{font-size:20px;font-weight:600;color:#FDFAF4;margin:0 0 12px}
.approachblk .step p{font-size:15px;line-height:1.6;color:#fdfaf4d9;margin:0}
@media (max-width: 900px) {
.titleblk .imgwrap{position:static;width:100%;height:300px;left:0}
.titleblk .txtwrap{width:100%;padding:60px 30px;margin-left:0}
.titleblk h1{font-size:64px}
.storyblk .grid2{grid-template-columns:1fr;gap:30px}
.valuesblk .cardset{grid-template-columns:1fr;gap:30px}
.teamblk .teammembers{grid-template-columns:1fr;gap:40px}
.approachblk .stepslist{grid-template-columns:1fr}
.approachblk .step{border-right:none}
}
@media (max-width: 600px) {
.titleblk h1{font-size:48px}
.titleblk .txtwrap{padding:50px 20px}
.storyblk .leftcol h2{font-size:32px}
.valuesblk h2,.teamblk h2,.approachblk h2{font-size:30px}
.teamblk .member{flex-direction:column}
.teamblk .member .avatar{width:100%;height:200px}
}
.tophdr{background:linear-gradient(135deg,#0C4134 0%,#0a6650 50%,#AE1861 100%);padding:90px 20px 110px;position:relative;overflow:hidden}
.tophdr::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,#fdfaf414 0%,transparent 50%)}
.tophdr .ctr{max-width:960px;margin:0 auto;position:relative;z-index:2}
.tophdr .pretxt{font-size:15px;color:#fdfaf4d9;letter-spacing:.3px;margin-bottom:18px;font-weight:400}
.tophdr h1{font-size:52px;color:#FDFAF4;margin:0 0 24px;font-weight:700;line-height:1.15;letter-spacing:-.5px}
.tophdr .subline{font-size:19px;color:#fdfaf4e6;line-height:1.6;max-width:680px}
.dotgrid{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.25;z-index:1}
.dotgrid span{position:absolute;width:3px;height:3px;background:#FDFAF4;border-radius:50%;animation:dotfade 2s ease-out forwards;opacity:0}
.dotgrid span:nth-child(1){top:12%;left:8%;animation-delay:.1s}
.dotgrid span:nth-child(2){top:25%;left:85%;animation-delay:.3s}
.dotgrid span:nth-child(3){top:45%;left:15%;animation-delay:.5s}
.dotgrid span:nth-child(4){top:68%;left:72%;animation-delay:.2s}
.dotgrid span:nth-child(5){top:82%;left:35%;animation-delay:.4s}
.dotgrid span:nth-child(6){top:18%;left:48%;animation-delay:.6s}
.dotgrid span:nth-child(7){top:55%;left:92%;animation-delay:.35s}
.dotgrid span:nth-child(8){top:75%;left:8%;animation-delay:.15s}
@keyframes dotfade {
0%{opacity:0;transform:scale(0)}
50%{opacity:1;transform:scale(1.2)}
100%{opacity:.6;transform:scale(1)}
}
.contactwrapper{padding:80px 20px;background:#FDFAF4}
.contactwrapper .ctr{max-width:960px;margin:0 auto}
.splitlayout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.infocolumn h2{font-size:34px;color:#0C4134;margin:0 0 16px;font-weight:700;line-height:1.3}
.infocolumn .intro{font-size:17px;color:#333;line-height:1.7;margin-bottom:50px}
.infobox{margin-bottom:38px}
.infobox h3{font-size:15px;color:#AE1861;margin:0 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.infobox p{font-size:17px;color:#222;line-height:1.6;margin:0}
.infobox a{color:#0C4134;text-decoration:none;border-bottom:1px solid #0c41344d;transition:border-color .2s}
.infobox a:hover{border-color:#0C4134}
.formcolumn{background:#fff;border-radius:20px;padding:50px 45px;box-shadow:0 4px 24px #0c413414;border:1px solid #0c413414}
.formcolumn h3{font-size:26px;color:#0C4134;margin:0 0 28px;font-weight:700}
.contactform .fgroup{margin-bottom:24px}
.contactform label{display:block;font-size:14px;color:#444;margin-bottom:8px;font-weight:500}
.contactform input[type="text"],.contactform input[type="email"],.contactform input[type="tel"],.contactform textarea{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;background:#FDFAF4;color:#222;transition:border-color 0.3s,box-shadow .3s;font-family:inherit;box-sizing:border-box}
.contactform input[type="text"]:focus,.contactform input[type="email"]:focus,.contactform input[type="tel"]:focus,.contactform textarea:focus{outline:none;border-color:#0C4134;box-shadow:0 0 0 3px #0c41341a}
.contactform textarea{resize:vertical;min-height:140px}
.radioset{margin-bottom:28px}
.radioset legend{font-size:14px;color:#444;margin-bottom:14px;font-weight:500}
.radiogroup{display:flex;flex-direction:column;gap:12px}
.radiowrap{display:flex;align-items:center;position:relative}
.radiowrap input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.radiowrap .radiocustom{width:22px;height:22px;border:2px solid #ccc;border-radius:50%;margin-right:12px;position:relative;transition:border-color .2s;flex-shrink:0}
.radiowrap input[type="radio"]:checked + .radiocustom{border-color:#0C4134}
.radiowrap input[type="radio"]:checked + .radiocustom::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#0C4134;border-radius:50%}
.radiowrap .radiolbl{font-size:16px;color:#333;cursor:pointer}
.privacywrap{margin:28px 0;display:flex;align-items:start;gap:10px}
.privacywrap input[type="checkbox"]{width:20px;height:20px;margin-top:2px;flex-shrink:0;cursor:pointer}
.privacywrap label{font-size:14px;color:#555;line-height:1.5;margin:0;cursor:pointer}
.privacywrap label a{color:#AE1861;text-decoration:underline}
.contactform .submitbtn{width:100%;padding:16px 24px;font-size:17px;font-weight:600;background:linear-gradient(135deg,#AE1861 0%,#8a1250 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform 0.2s,box-shadow .3s;box-shadow:0 4px 12px #ae186140;z-index:10;position:relative}
.contactform .submitbtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ae186159}
.contactform .submitbtn:active{transform:translateY(0)}
.showcasesec{padding:90px 20px;background:linear-gradient(180deg,#FDFAF4 0%,#f5f2eb 100%);position:relative}
.showcasesec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#0C4134 50%,transparent 100%);opacity:.15}
.showcasesec .ctr{max-width:960px;margin:0 auto}
.showcasegrid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.showcaseimg{border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0c413426;position:relative}
.showcaseimg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ae186126 0%,#0c413433 100%);z-index:1}
.showcaseimg img{width:100%;height:420px;object-fit:cover;display:block}
.showcasetxt h2{font-size:36px;color:#0C4134;margin:0 0 20px;font-weight:700;line-height:1.25}
.showcasetxt p{font-size:17px;color:#333;line-height:1.75;margin:0 0 16px}
.showcasetxt p:last-child{margin-bottom:0}
.emphasisline{border-left:4px solid #AE1861;background:#ae18610a;padding:16px 20px;border-radius:0 8px 8px 0;margin-top:24px}
.emphasisline p{margin:0;color:#0C4134;font-weight:500}
@media (max-width: 768px) {
.tophdr{padding:60px 20px 80px}
.tophdr h1{font-size:36px}
.tophdr .subline{font-size:17px}
.splitlayout{grid-template-columns:1fr;gap:50px}
.formcolumn{padding:36px 28px}
.showcasegrid{grid-template-columns:1fr;gap:40px}
.showcaseimg img{height:300px}
.showcasetxt h2{font-size:28px}
}
@media (max-width: 480px) {
.tophdr h1{font-size:30px}
.formcolumn h3{font-size:22px}
.infocolumn h2{font-size:28px}
}
.pghdr{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0C4134 0%,#1a5d4a 100%)}
.pghdr::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,#ae186126 0%,transparent 50%),radial-gradient(circle at 80% 50%,#fdfaf414 0%,transparent 50%);animation:bgshift 8s ease-in-out infinite alternate}
@keyframes bgshift {
0%{transform:translateX(-3%) scale(1.05)}
100%{transform:translateX(3%) scale(1.08)}
}
.pghdr .hdrcnt{position:relative;z-index:2;max-width:960px;padding:40px 24px;text-align:center}
.pghdr .splitttl{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.pghdr .splitttl .pt1{font-size:2.8rem;font-weight:300;color:#FDFAF4;letter-spacing:-.5px;animation:sldlft 1.2s ease-out}
.pghdr .splitttl .pt2{font-size:3.2rem;font-weight:700;background:linear-gradient(120deg,#FDFAF4 0%,#AE1861 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sldrgt 1.2s ease-out}
@keyframes sldlft {
0%{opacity:0;transform:translateX(-80px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes sldrgt {
0%{opacity:0;transform:translateX(80px)}
100%{opacity:1;transform:translateX(0)}
}
.pghdr .subln{font-size:1.15rem;color:#fdfaf4d9;line-height:1.7;max-width:680px;margin:0 auto}
.pghdr .decorcrn{position:absolute;width:60px;height:60px;border:2px solid #ae186166}
.pghdr .decorcrn.tl{top:30px;left:30px;border-right:none;border-bottom:none}
.pghdr .decorcrn.br{bottom:30px;right:30px;border-left:none;border-top:none}
.crswrp{max-width:960px;margin:80px auto;padding:0 24px}
.crsblk{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:100px}
.crsblk .txtside h2{font-size:2.2rem;font-weight:600;color:#0C4134;margin-bottom:24px;position:relative;padding-left:18px}
.crsblk .txtside h2::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:4px;background:linear-gradient(180deg,#AE1861 0%,#0C4134 100%);border-radius:2px}
.crsblk .txtside p{font-size:1.05rem;line-height:1.75;color:#2a2a2a;margin-bottom:20px}
.crsblk .imgside{position:relative}
.crsblk .imgside img{width:100%;height:380px;object-fit:cover;border-radius:16px;display:block}
.crsblk .imgside::after{content:'';position:absolute;bottom:-12px;right:-12px;width:180px;height:180px;background:linear-gradient(135deg,#ae186140 0%,#fdfaf466 100%);border-radius:50%;filter:blur(40px);z-index:-1}
.modwrp{background:linear-gradient(165deg,#FDFAF4 0%,#f5f2ec 100%);padding:80px 24px;margin-bottom:90px}
.modwrp .modcnt{max-width:960px;margin:0 auto}
.modwrp h2{font-size:2.4rem;font-weight:700;color:#0C4134;text-align:center;margin-bottom:16px}
.modwrp .subhd{font-size:1.1rem;color:#555;text-align:center;margin-bottom:56px;max-width:640px;margin-left:auto;margin-right:auto}
.modgrd{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.modcrd{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 4px 12px #0c413414;transition:all .3s ease;border:1px solid transparent;position:relative}
.modcrd:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0c413426;border-color:#ae186133}
.modcrd .modnum{display:inline-block;width:46px;height:46px;background:linear-gradient(135deg,#AE1861 0%,#c9246f 100%);color:#FDFAF4;font-size:1.3rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.modcrd h3{font-size:1.4rem;font-weight:600;color:#0C4134;margin-bottom:14px}
.modcrd p{font-size:.98rem;line-height:1.65;color:#444}
.tabwrap{max-width:960px;margin:0 auto 90px;padding:0 24px}
.tabwrap .tbhdr{text-align:center;margin-bottom:48px}
.tabwrap .tbhdr h2{font-size:2.3rem;font-weight:700;color:#0C4134;margin-bottom:12px}
.tabwrap .tbhdr p{font-size:1.05rem;color:#666}
.tabcnt{position:relative}
.tabcnt input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.tablbls{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid #e8e8e8}
.tablbls label{flex:1;padding:16px 20px;font-size:1.05rem;font-weight:500;color:#666;text-align:center;cursor:pointer;border-bottom:3px solid transparent;transition:all .25s ease;position:relative;bottom:-2px}
.tablbls label:hover{color:#0C4134;background:#0c413408}
.tabcnt input:checked + label{color:#AE1861;border-bottom-color:#AE1861}
.tabpnl{display:none;animation:fadein .4s ease}
@keyframes fadein {
0%{opacity:0;transform:translateY(12px)}
100%{opacity:1;transform:translateY(0)}
}
.tabcnt #tb1:checked ~ .tabpnl.pn1,.tabcnt #tb2:checked ~ .tabpnl.pn2,.tabcnt #tb3:checked ~ .tabpnl.pn3{display:block}
.tabpnl .pnlcnt{background:#fff;border-radius:16px;padding:40px 36px;border:2px solid #f0f0f0}
.tabpnl h3{font-size:1.6rem;font-weight:600;color:#0C4134;margin-bottom:20px}
.tabpnl p{font-size:1.02rem;line-height:1.75;color:#3a3a3a;margin-bottom:18px}
.tabpnl ul{list-style:none;padding:0;margin:24px 0}
.tabpnl ul li{padding:12px 0 12px 32px;position:relative;font-size:1rem;color:#2a2a2a;line-height:1.6}
.tabpnl ul li::before{content:'';position:absolute;left:0;top:18px;width:18px;height:18px;background:linear-gradient(135deg,#AE1861 0%,#0C4134 100%);border-radius:3px;transform:rotate(45deg)}
.instrct{max-width:960px;margin:0 auto 80px;padding:0 24px}
.instrct h2{font-size:2.2rem;font-weight:700;color:#0C4134;margin-bottom:48px;text-align:center}
.instgrd{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.instcrd{display:flex;gap:24px;background:#fff;padding:28px;border-radius:14px;box-shadow:0 3px 10px #0000000f;transition:all .3s ease}
.instcrd:hover{box-shadow:0 6px 20px #0c41341f}
.instcrd img{width:90px;height:90px;border-radius:50%;object-fit:cover;flex-shrink:0}
.instcrd .instinfo h3{font-size:1.3rem;font-weight:600;color:#0C4134;margin-bottom:6px}
.instcrd .instinfo .role{font-size:.92rem;color:#AE1861;font-weight:500;margin-bottom:12px}
.instcrd .instinfo p{font-size:.96rem;line-height:1.6;color:#555}
.ctasec{background:linear-gradient(135deg,#0C4134 0%,#164d3e 100%);padding:70px 24px;text-align:center;position:relative;overflow:hidden}
.ctasec::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ae186133 0%,transparent 70%);border-radius:50%}
.ctasec .ctacnt{position:relative;z-index:2;max-width:680px;margin:0 auto}
.ctasec h2{font-size:2.4rem;font-weight:700;color:#FDFAF4;margin-bottom:18px}
.ctasec p{font-size:1.1rem;line-height:1.7;color:#fdfaf4e6;margin-bottom:36px}
.ctasec .btngrp{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.ctasec .btnprim{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#AE1861 0%,#c92970 100%);color:#FDFAF4;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 12px #ae18614d;position:relative;z-index:10}
.ctasec .btnprim:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ae186173}
.ctasec .btnsec{display:inline-block;padding:16px 40px;background:transparent;color:#FDFAF4;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:8px;border:2px solid #fdfaf466;transition:all .3s ease;position:relative;z-index:10}
.ctasec .btnsec:hover{background:#fdfaf41a;border-color:#fdfaf4b3}
@media (max-width: 768px) {
.pghdr{min-height:420px}
.pghdr .splitttl .pt1{font-size:2rem}
.pghdr .splitttl .pt2{font-size:2.4rem}
.pghdr .subln{font-size:1rem}
.crsblk{grid-template-columns:1fr;gap:40px;margin-bottom:60px}
.crsblk .imgside{order:-1}
.modgrd{grid-template-columns:1fr;gap:24px}
.tablbls{flex-direction:column;gap:0}
.tablbls label{border-bottom:1px solid #e8e8e8;border-radius:0}
.instgrd{grid-template-columns:1fr;gap:28px}
.instcrd{flex-direction:column;text-align:center}
.instcrd img{margin:0 auto}
.ctasec .btngrp{flex-direction:column;align-items:center}
.ctasec .btnprim,.ctasec .btnsec{width:100%;max-width:320px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.modgrd{grid-template-columns:repeat(2,1fr)}
}
.succwrapper{max-width:960px;margin:0 auto;padding:0 20px}
.thnksec{padding:80px 0 60px;background:linear-gradient(135deg,#FDFAF4 0%,#fff 100%);position:relative;overflow:hidden}
.thnksec::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ae186114 0%,transparent 70%);border-radius:50%}
.thnkgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;position:relative}
.thnktxt h1{font-size:2.8em;margin:0 0 24px;line-height:1.2;color:#1a1a1a}
.thnktxt h1 .hlight{position:relative;display:inline-block}
.thnktxt h1 .hlight::after{content:'';position:absolute;bottom:8px;left:0;right:0;height:12px;background:linear-gradient(90deg,#AE1861 0%,#0C4134 100%);opacity:.25;z-index:-1}
.thnktxt p{font-size:1.15em;line-height:1.7;color:#3a3a3a;margin:0 0 32px}
.thnkbtns{display:flex;gap:16px;flex-wrap:wrap}
.thnkbtns .btnprim{background:linear-gradient(135deg,#AE1861 0%,#0C4134 100%);color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:1.05em;font-weight:500;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #ae186140;position:relative;z-index:10}
.thnkbtns .btnprim:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ae186159}
.thnkbtns .btnsec{background:transparent;color:#AE1861;padding:14px 32px;border:2px solid #AE1861;border-radius:8px;text-decoration:none;font-size:1.05em;font-weight:500;transition:background .3s ease,color .3s ease;position:relative;z-index:10}
.thnkbtns .btnsec:hover{background:#AE1861;color:#fff}
.thnkvis{position:relative;padding:40px;background:linear-gradient(135deg,#0c41340d 0%,#ae18610d 100%);border-radius:20px;margin-right:-60px}
.iconset{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.icoitem{background:#fff;padding:28px 24px;border-radius:12px;box-shadow:0 3px 10px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.icoitem:hover{transform:translateY(-4px);box-shadow:0 6px 18px #0000001f}
.icoitem svg{width:48px;height:48px;margin-bottom:16px}
.icoitem h3{font-size:1.15em;margin:0 0 8px;color:#1a1a1a}
.icoitem p{font-size:.95em;line-height:1.5;color:#5a5a5a;margin:0}
.nxtsteps{padding:70px 0;background:#fff}
.nxtsteps h2{font-size:2.2em;text-align:center;margin:0 0 50px;color:#1a1a1a;position:relative}
.nxtsteps h2::before{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#AE1861 0%,#0C4134 100%);border-radius:2px}
.stepflow{display:flex;justify-content:space-between;gap:32px;position:relative}
.stepflow::before{content:'';position:absolute;top:40px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,#AE1861 0%,#0C4134 100%);z-index:1}
.stepcard{flex:1;background:#FDFAF4;padding:32px 24px;border-radius:16px;text-align:center;position:relative;z-index:2;transition:transform .3s ease;border:2px solid transparent}
.stepcard:hover{transform:translateY(-6px);border-color:#ae18614d}
.stepnum{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#AE1861 0%,#0C4134 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:700;color:#fff;box-shadow:0 4px 12px #ae18614d}
.stepcard h3{font-size:1.25em;margin:0 0 12px;color:#1a1a1a}
.stepcard p{font-size:.98em;line-height:1.6;color:#4a4a4a;margin:0}
@media (max-width: 768px) {
.thnkgrid{grid-template-columns:1fr;gap:40px}
.thnkvis{margin-right:0;padding:30px 20px}
.thnktxt h1{font-size:2.2em}
.iconset{grid-template-columns:1fr}
.stepflow{flex-direction:column;gap:40px}
.stepflow::before{display:none}
.thnkbtns{flex-direction:column}
.thnkbtns .btnprim,.thnkbtns .btnsec{text-align:center;width:100%}
}
@media (min-width: 769px) and (max-width: 1024px) {
.thnkgrid{gap:40px}
.thnkvis{margin-right:-30px}
.stepflow{gap:24px}
}