@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap";
*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Fira Code',monospace;background:#0a0a0f;color:#e4e4e7;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.siteHeader{background:linear-gradient(71deg,#1a1a24 0%,#0f0f16 100%);border-bottom:3px solid #7673F9;box-shadow:0 4px 12px #00000080;position:relative}
.mastheadZone{background:linear-gradient(71deg,#7673F9 0%,#0C8A86 50%,#1a1a24 100%);padding:28px 0;border-bottom:1px solid #7673f94d}
.mastheadContainer{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.logoBlock{display:flex;align-items:center;gap:18px}
.logoBlock img{height:95px;width:95px;background:#ffffff14;padding:12px;border-radius:8px;box-shadow:0 3px 8px #0006 inset 0 1px 2px #ffffff1a}
.companyTitle{font-size:42px;font-weight:700;color:#FFF6EC;text-shadow:2px 2px 6px #0009;letter-spacing:-.5px}
.editorialBar{background:#12121a;border-top:1px solid #0c8a8633;box-shadow:inset 0 2px 4px #0000004d}
.navContainer{max-width:1200px;margin:0 auto;padding:0 24px}
.mainNav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:16px 0}
.mainNav a{color:#e4e4e7;text-decoration:none;padding:14px 24px;font-size:15px;font-weight:400;border-radius:6px;background:#7673f914;border:1px solid #7673f933;transition:all 280ms ease}
.mainNav a:hover{background:#7673f92e;border-color:#7673f966;color:#FFF6EC}
main{flex:1}
.siteFooter{background:linear-gradient(71deg,#0a0a0f 0%,#12121a 100%);border-top:3px solid #0C8A86;margin-top:80px;padding:48px 0 32px;box-shadow:0 -4px 12px #00000080}
.footerWrap{max-width:1200px;margin:0 auto;padding:0 24px}
.footerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:42px;margin-bottom:38px}
.footerSection h3{color:#7673F9;font-size:18px;font-weight:700;margin-bottom:18px;text-shadow:0 2px 4px #0006}
.footerSection p,.footerSection a{color:#b4b4b9;font-size:14px;line-height:1.8;text-decoration:none}
.footerSection a{display:block;margin-bottom:10px;transition:color 280ms ease}
.footerSection a:hover{color:#0C8A86}
.contactItem{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.contactItem i{color:#0C8A86;font-size:18px;margin-top:2px}
.footerBottom{border-top:1px solid #7673f933;padding-top:24px;text-align:center}
.footerBottom p{color:#8a8a92;font-size:13px}
.cookieBar{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#1a1a24 0%,#12121a 100%);border:2px solid #7673F9;border-radius:12px;padding:28px;max-width:420px;box-shadow:0 8px 24px #000000b3;display:none;z-index:9999}
.cookieBar.active{display:block}
.cookieContent h4{color:#FFF6EC;font-size:18px;font-weight:700;margin-bottom:12px}
.cookieContent p{color:#b4b4b9;font-size:13px;line-height:1.7;margin-bottom:18px}
.cookieSettings{margin:18px 0;padding:16px;background:#7673f90f;border-radius:8px;border:1px solid #7673f926}
.cookieOption{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cookieOption:last-child{margin-bottom:0}
.cookieOption label{color:#e4e4e7;font-size:13px;cursor:pointer}
.toggleSwitch{position:relative;width:48px;height:24px;background:#2a2a35;border-radius:24px;cursor:pointer;transition:background 280ms ease;border:1px solid #7673f94d}
.toggleSwitch.enabled{background:#7673F9}
.toggleSwitch::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:#FFF6EC;border-radius:50%;transition:transform 280ms ease;box-shadow:0 2px 4px #0000004d}
.toggleSwitch.enabled::after{transform:translateX(24px)}
.cookieActions{display:flex;gap:10px;margin-top:18px}
.cookieBtn{flex:1;padding:12px 20px;border:none;border-radius:50px;font-family:'Fira Code',monospace;font-size:13px;font-weight:700;cursor:pointer;transition:all 280ms ease}
.cookieBtn.primary{background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);color:#FFF6EC;box-shadow:0 3px 8px #7673f966}
.cookieBtn.primary:hover{box-shadow:0 5px 12px #7673f999;transform:translateY(-2px)}
.cookieBtn.secondary{background:#2a2a35;color:#e4e4e7;border:1px solid #7673f94d}
.cookieBtn.secondary:hover{background:#363642;border-color:#7673f980}
.cookieBtn.info{background:transparent;color:#0C8A86;border:1px solid #0C8A86}
.cookieBtn.info:hover{background:#0c8a861a}
@media (max-width: 768px) {
.mastheadContainer{flex-direction:column;text-align:center;gap:18px}
.companyTitle{font-size:32px}
.logoBlock img{height:75px;width:75px}
.mainNav{flex-direction:column;width:100%}
.mainNav a{width:100%;text-align:center}
.footerGrid{grid-template-columns:1fr;gap:32px}
.cookieBar{right:10px;left:10px;max-width:none}
.cookieActions{flex-direction:column}
}
.policy-body{max-width:1200px;margin:0 auto;padding:80px 24px;background:#0a0a0f;color:#e8e8ec}
.policy-body h1{font-size:48px;font-weight:700;line-height:1.2;color:#fff;margin:0 0 16px;background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.policy-body h2{font-size:36px;font-weight:600;line-height:1.3;color:#fff;margin:64px 0 24px;padding-bottom:12px;border-bottom:2px solid #7673F9}
.policy-body h3{font-size:28px;font-weight:600;line-height:1.4;color:#f5f5f7;margin:48px 0 20px}
.policy-body h4{font-size:22px;font-weight:600;line-height:1.4;color:#e8e8ec;margin:40px 0 16px}
.policy-body h5{font-size:18px;font-weight:600;line-height:1.5;color:#d1d1d6;margin:32px 0 12px}
.policy-body h6{font-size:16px;font-weight:600;line-height:1.5;color:#c7c7cc;margin:28px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.policy-body p{font-size:17px;line-height:1.8;color:#c7c7cc;margin:0 0 20px}
.policy-body a{color:#7673F9;text-decoration:none;border-bottom:1px solid transparent;transition:all 280ms ease}
.policy-body a:hover{color:#9391fb;border-bottom-color:#7673F9}
.policy-body a:active{color:#0C8A86}
.policy-body hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#7673F9 20%,#0C8A86 80%,transparent 100%);margin:56px 0;opacity:.4}
.policy-body table{width:100%;border-collapse:collapse;margin:32px 0;background:#12121a;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0009}
.policy-body thead{background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%)}
.policy-body thead tr{border:none}
.policy-body tbody{background:#12121a}
.policy-body tr{border-bottom:1px solid #2a2a35}
.policy-body tr:last-child{border-bottom:none}
.policy-body th{padding:18px 24px;text-align:left;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.policy-body td{padding:18px 24px;font-size:16px;line-height:1.6;color:#c7c7cc}
.policy-body tbody tr:hover{background:#1a1a24}
@media (max-width: 768px) {
.policy-body{padding:48px 20px}
.policy-body h1{font-size:36px;margin-bottom:12px}
.policy-body h2{font-size:28px;margin:48px 0 20px}
.policy-body h3{font-size:24px;margin:36px 0 16px}
.policy-body h4{font-size:20px;margin:32px 0 14px}
.policy-body h5{font-size:17px;margin:28px 0 12px}
.policy-body h6{font-size:15px;margin:24px 0 10px}
.policy-body p{font-size:16px;line-height:1.7;margin-bottom:18px}
.policy-body table{font-size:14px;margin:24px 0}
.policy-body th{padding:14px 16px;font-size:13px}
.policy-body td{padding:14px 16px;font-size:14px}
.policy-body hr{margin:40px 0}
}
@media (max-width: 480px) {
.policy-body{padding:32px 16px}
.policy-body h1{font-size:28px}
.policy-body h2{font-size:24px;margin:40px 0 16px}
.policy-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-body th,.policy-body td{padding:12px 14px;font-size:13px}
}
.titleWrapper{max-width:1200px;margin:60px auto;padding:0 20px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:center;position:relative}
.titleWrapper::before,.titleWrapper::after{content:'';position:absolute;width:8px;height:8px;background:radial-gradient(circle,#7673F9 0%,transparent 70%)}
.titleWrapper::before{top:-15px;left:10px;box-shadow:0 0 0 2px #7673F9,8px 8px 0 0 #0C8A86,16px 16px 0 0 #7673F9}
.titleWrapper::after{bottom:-15px;right:10px;box-shadow:0 0 0 2px #0C8A86,-8px -8px 0 0 #7673F9,-16px -16px 0 0 #0C8A86}
.titleWrapper .sideImage{width:100%;height:280px;object-fit:cover;border-radius:8px;position:relative}
.titleWrapper .leftImageWrap,.titleWrapper .rightImageWrap{position:relative}
.titleWrapper .leftImageWrap::after{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(90deg,transparent 0%,#1a1a1a 100%);pointer-events:none;border-radius:8px}
.titleWrapper .rightImageWrap::after{content:'';position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(270deg,transparent 0%,#1a1a1a 100%);pointer-events:none;border-radius:8px}
.titleWrapper .centerContent{text-align:center;padding:20px}
.titleWrapper .centerContent h1{font-size:42px;font-weight:700;color:#7673F9;margin:0 0 24px;line-height:1.2}
.titleWrapper .centerContent .tagline{font-size:18px;color:#b8b8b8;line-height:1.6;margin:0;padding-top:24px;border-top:2px solid #2a2a2a}
.storyBlock{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);padding:80px 20px;position:relative}
.storyBlock .contentWrap{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;gap:60px;align-items:flex-start}
.storyBlock .textColumn{flex:1.2}
.storyBlock .textColumn h2{font-size:36px;color:#FFF6EC;margin:0 0 28px;font-weight:600;position:relative;padding-left:20px}
.storyBlock .textColumn h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:28px;background:linear-gradient(180deg,#7673F9 0%,#0C8A86 100%);border-radius:3px}
.storyBlock .textColumn p{font-size:17px;line-height:1.7;color:#c4c4c4;margin:0 0 20px}
.storyBlock .statsColumn{flex:.8;background:#0f0f0f;border-radius:12px;padding:40px 32px;border:1px solid #2a2a2a;box-shadow:0 8px 24px #0006}
.storyBlock .statsColumn h3{font-size:22px;color:#7673F9;margin:0 0 30px;font-weight:600;text-align:center}
.storyBlock .statItem{display:flex;flex-direction:row;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px dashed #2a2a2a}
.storyBlock .statItem:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.storyBlock .statItem .number{font-size:38px;font-weight:700;color:#0C8A86;line-height:1;min-width:80px}
.storyBlock .statItem .label{font-size:15px;color:#a8a8a8;line-height:1.5}
.approachSection{padding:80px 20px;background:#0d0d0d}
.approachSection .gridContainer{max-width:1200px;margin:0 auto}
.approachSection h2{font-size:38px;color:#FFF6EC;margin:0 0 50px;text-align:center;font-weight:600;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.approachSection h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#7673F9 0%,#0C8A86 100%);border-radius:2px}
.approachSection .cardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.approachSection .approachCard{background:linear-gradient(145deg,#1a1a1a 0%,#0f0f0f 100%);border-radius:16px;padding:36px 28px;border:1px solid #2a2a2a;position:relative;overflow:hidden;transition:transform 300ms,box-shadow 300ms}
.approachSection .approachCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#7673F9 0%,#0C8A86 100%)}
.approachSection .approachCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #7673f933}
.approachSection .approachCard h3{font-size:22px;color:#7673F9;margin:0 0 18px;font-weight:600}
.approachSection .approachCard p{font-size:16px;line-height:1.7;color:#b8b8b8;margin:0}
.teamShowcase{padding:80px 20px;background:linear-gradient(165deg,#0d0d0d 0%,#1a1a1a 50%,#0d0d0d 100%);position:relative}
.teamShowcase::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#7673F9 50%,transparent 100%)}
.teamShowcase .wrapper{max-width:1200px;margin:0 auto}
.teamShowcase h2{font-size:38px;color:#FFF6EC;margin:0 0 20px;font-weight:600;text-align:center}
.teamShowcase .subtitle{font-size:18px;color:#a8a8a8;text-align:center;margin:0 0 50px;line-height:1.6}
.teamShowcase .profileLayout{display:grid;grid-template-columns:320px 1fr;gap:50px;align-items:start;background:#0f0f0f;border-radius:20px;padding:50px;border:1px solid #2a2a2a}
.teamShowcase .profileImage{width:100%;height:380px;object-fit:cover;border-radius:12px;border:3px solid #2a2a2a;box-shadow:0 8px 24px #00000080}
.teamShowcase .profileContent h3{font-size:28px;color:#7673F9;margin:0 0 8px;font-weight:600}
.teamShowcase .profileContent .role{font-size:18px;color:#0C8A86;margin:0 0 24px;font-weight:500}
.teamShowcase .profileContent p{font-size:17px;line-height:1.7;color:#c4c4c4;margin:0 0 20px}
.teamShowcase .profileContent .highlight{background:#1a1a1a;border-left:4px solid #7673F9;padding:20px 24px;margin:24px 0;border-radius:6px;font-size:16px;color:#d4d4d4;line-height:1.6}
.commitmentZone{padding:80px 20px;background:#0d0d0d}
.commitmentZone .layoutBox{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.commitmentZone .imageStack{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.commitmentZone .imageStack img{width:100%;height:240px;object-fit:cover;border-radius:12px;border:2px solid #2a2a2a;transition:transform 350ms,border-color 350ms}
.commitmentZone .imageStack img:hover{transform:scale(1.05);border-color:#7673F9}
.commitmentZone .textContent h2{font-size:36px;color:#FFF6EC;margin:0 0 28px;font-weight:600}
.commitmentZone .textContent p{font-size:17px;line-height:1.7;color:#c4c4c4;margin:0 0 20px}
.commitmentZone .textContent ul{list-style:none;padding:0;margin:30px 0 0}
.commitmentZone .textContent ul li{font-size:16px;color:#b8b8b8;line-height:1.6;margin-bottom:16px;padding-left:32px;position:relative}
.commitmentZone .textContent ul li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);border-radius:50%;box-shadow:0 2px 8px #7673f966}
.commitmentZone .actionButton{display:inline-block;background:linear-gradient(90deg,#7673F9 0%,#0C8A86 100%);color:#fff;padding:16px 36px;font-size:17px;font-weight:600;border-radius:8px;text-decoration:none;margin-top:30px;transition:transform 300ms,box-shadow 300ms;box-shadow:0 4px 16px #7673f94d;position:relative;z-index:10}
.commitmentZone .actionButton:hover{transform:translateY(-3px);box-shadow:0 8px 24px #7673f980}
@media (max-width: 968px) {
.titleWrapper{grid-template-columns:1fr;gap:30px}
.titleWrapper .sideImage{height:220px}
.titleWrapper .leftImageWrap::after,.titleWrapper .rightImageWrap::after{display:none}
.titleWrapper .centerContent h1{font-size:34px}
.storyBlock .contentWrap{flex-direction:column;gap:40px}
.approachSection .cardGrid{grid-template-columns:1fr}
.teamShowcase .profileLayout{grid-template-columns:1fr;padding:30px}
.teamShowcase .profileImage{height:300px}
.commitmentZone .layoutBox{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.titleWrapper .centerContent h1{font-size:28px}
.titleWrapper .centerContent .tagline{font-size:16px}
.storyBlock,.approachSection,.teamShowcase,.commitmentZone{padding:50px 20px}
.storyBlock .textColumn h2,.approachSection h2,.teamShowcase h2,.commitmentZone .textContent h2{font-size:28px}
.commitmentZone .imageStack{grid-template-columns:1fr}
}
.titleSection{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1a 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.titleSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#7673f926 0%,transparent 70%);border-radius:50%}
.titleSection::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#0c8a861f 0%,transparent 70%);border-radius:50%}
.titleWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.titleContent h1{font-size:56px;line-height:1.15;color:#fff;margin:0 0 28px;font-weight:700}
.titleContent h1 .highlight{background:linear-gradient(120deg,#7673F9 0%,#0C8A86 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}
.titleContent p{font-size:19px;line-height:1.7;color:#c5c5d8;margin:0 0 38px}
.titleActions{display:flex;gap:18px;flex-wrap:wrap}
.titleActions .primaryButton{background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);color:#fff;padding:16px 38px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:transform 300ms,box-shadow 300ms;border:none;box-shadow:0 4px 12px #7673f94d}
.titleActions .primaryButton:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7673f966}
.titleActions .secondaryButton{background:transparent;color:#7673F9;padding:16px 38px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;border:2px solid #7673F9;transition:background 300ms,color 300ms}
.titleActions .secondaryButton:hover{background:#7673f91a;color:#fff}
.titleVisual{position:relative}
.titleVisual img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 20px 60px #0006;transition:transform .3s ease-out}
.titleVisual::before{content:'';position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:#FFF6EC;border-radius:50%;z-index:-1;opacity:.15}
.communityHub{background:#0f0f1a;padding:90px 20px;position:relative}
.communityContainer{max-width:1200px;margin:0 auto}
.communityHeader{text-align:center;margin-bottom:60px}
.communityHeader h2{font-size:42px;color:#fff;margin:0 0 18px;font-weight:700}
.communityHeader p{font-size:18px;color:#9a9ab0;max-width:720px;margin:0 auto;line-height:1.65}
.communityGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.communityCard{background:linear-gradient(145deg,#1a1a2e 0%,#151520 100%);padding:40px 32px;border-radius:12px;border:1px solid #7673f926;transition:transform 300ms,box-shadow 300ms,border-color 300ms}
.communityCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #7673f933;border-color:#7673f966}
.communityCard .iconCircle{width:68px;height:68px;background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.communityCard .iconCircle i{font-size:32px;color:#fff}
.communityCard h3{font-size:22px;color:#fff;margin:0 0 14px;font-weight:600}
.communityCard p{font-size:16px;color:#b0b0c8;line-height:1.7;margin:0}
.expertiseSection{background:#1a1a2e;padding:90px 20px}
.expertiseWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center}
.expertiseVisual{position:relative}
.expertiseVisual img{width:100%;height:520px;object-fit:cover;border-radius:20px;box-shadow:0 16px 48px #00000059}
.expertiseVisual::after{content:'';position:absolute;bottom:-30px;right:-30px;width:200px;height:200px;background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);border-radius:20px;z-index:-1;opacity:.12}
.expertiseContent h2{font-size:44px;color:#fff;margin:0 0 24px;font-weight:700}
.expertiseContent p{font-size:17px;color:#a8a8c0;line-height:1.75;margin:0 0 32px}
.expertiseList{list-style:none;padding:0;margin:0}
.expertiseList li{padding:18px 0;border-bottom:1px solid #7673f91a;font-size:16px;color:#c0c0d5;display:flex;align-items:center;gap:14px}
.expertiseList li:last-child{border-bottom:none}
.expertiseList li::before{content:'✓';color:#7673F9;font-weight:700;font-size:20px}
.networkSection{background:linear-gradient(180deg,#0f0f1a 0%,#1a1a2e 100%);padding:90px 20px;position:relative;overflow:hidden}
.networkSection::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,#0c8a8614 0%,transparent 70%);border-radius:50%}
.networkContainer{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.networkTop{text-align:center;margin-bottom:56px}
.networkTop h2{font-size:42px;color:#fff;margin:0 0 20px;font-weight:700}
.networkTop p{font-size:18px;color:#9a9ab0;max-width:680px;margin:0 auto;line-height:1.65}
.networkGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.networkBox{background:#1a1a2e99;padding:44px 36px;border-radius:16px;border:2px solid #7673f933;position:relative;transition:border-color 350ms}
.networkBox:hover{border-color:#7673f980}
.networkBox::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);border-radius:16px;z-index:-1;opacity:0;transition:opacity 350ms}
.networkBox:hover::before{opacity:.15}
.networkBox h3{font-size:24px;color:#fff;margin:0 0 16px;font-weight:600}
.networkBox p{font-size:16px;color:#b0b0c8;line-height:1.7;margin:0 0 24px}
.networkBox img{width:100%;height:240px;object-fit:cover;border-radius:10px;margin-top:20px}
.pricingSection{background:#1a1a2e;padding:90px 20px}
.pricingContainer{max-width:1200px;margin:0 auto}
.pricingTop{text-align:center;margin-bottom:60px}
.pricingTop h2{font-size:42px;color:#fff;margin:0 0 18px;font-weight:700}
.pricingTop p{font-size:18px;color:#9a9ab0;max-width:700px;margin:0 auto;line-height:1.65}
.pricingCards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.priceCard{background:linear-gradient(145deg,#0f0f1a 0%,#151520 100%);padding:48px 36px;border-radius:16px;border:2px solid #7673f926;transition:transform 300ms,border-color 300ms;text-align:center}
.priceCard:hover{transform:translateY(-8px);border-color:#7673f966}
.priceCard.featured{background:linear-gradient(145deg,#1a1a2e 0%,#151520 100%);border:2px solid #7673F9;position:relative}
.priceCard.featured::before{content:'Popular';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);color:#fff;padding:6px 20px;border-radius:20px;font-size:13px;font-weight:600}
.priceCard h3{font-size:24px;color:#fff;margin:0 0 12px;font-weight:600}
.priceCard .priceAmount{font-size:48px;color:#7673F9;font-weight:700;margin:0 0 8px}
.priceCard .priceAmount span{font-size:20px;color:#a8a8c0}
.priceCard .pricePeriod{font-size:15px;color:#8a8aa0;margin:0 0 28px}
.priceCard ul{list-style:none;padding:0;margin:0 0 36px;text-align:left}
.priceCard ul li{padding:12px 0;font-size:15px;color:#b0b0c8;display:flex;align-items:center;gap:12px}
.priceCard ul li::before{content:'✓';color:#0C8A86;font-weight:700;font-size:18px}
.priceCard .priceButton{background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;display:inline-block;transition:transform 300ms,box-shadow 300ms;border:none}
.priceCard .priceButton:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7673f959}
.processSection{background:#0f0f1a;padding:90px 20px;position:relative}
.processContainer{max-width:1200px;margin:0 auto}
.processTop{text-align:center;margin-bottom:70px}
.processTop h2{font-size:42px;color:#fff;margin:0 0 18px;font-weight:700}
.processTop p{font-size:18px;color:#9a9ab0;max-width:680px;margin:0 auto;line-height:1.65}
.processTimeline{position:relative;padding-left:60px}
.processTimeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#7673F9 0%,#0C8A86 100%)}
.processStep{position:relative;margin-bottom:50px;padding-left:40px}
.processStep:last-child{margin-bottom:0}
.processStep::before{content:'';position:absolute;left:-49px;top:8px;width:24px;height:24px;background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);border-radius:50%;border:4px solid #0f0f1a;z-index:2}
.processStep h3{font-size:26px;color:#fff;margin:0 0 12px;font-weight:600}
.processStep p{font-size:16px;color:#b0b0c8;line-height:1.7;margin:0 0 16px}
.processStep img{width:100%;max-width:480px;height:220px;object-fit:cover;border-radius:12px;margin-top:16px;box-shadow:0 8px 24px #0000004d}
@media (max-width: 1024px) {
.titleWrap{grid-template-columns:1fr;gap:40px}
.titleContent h1{font-size:46px}
.communityGrid{grid-template-columns:repeat(2,1fr)}
.expertiseWrap{grid-template-columns:1fr;gap:50px}
.networkGrid{grid-template-columns:1fr}
.pricingCards{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titleSection{padding:80px 20px 70px}
.titleContent h1{font-size:36px}
.titleContent p{font-size:17px}
.titleVisual img{height:360px}
.titleActions{flex-direction:column}
.titleActions .primaryButton,.titleActions .secondaryButton{width:100%;text-align:center}
.communityGrid{grid-template-columns:1fr}
.communityHeader h2,.networkTop h2,.pricingTop h2,.processTop h2{font-size:34px}
.expertiseContent h2{font-size:36px}
.expertiseVisual img{height:400px}
.processTimeline{padding-left:40px}
.processStep{padding-left:20px}
.processStep::before{left:-39px}
}
.heroContact{background:linear-gradient(71deg,#0C8A86 0%,#1a1a2e 70%);position:relative;padding:120px 20px 80px;overflow:hidden}
.heroContact::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(./documentation_images/DSCN7223.jpg) center/cover;opacity:.15;filter:blur(3px)}
.heroContact::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#0c8a8666,transparent)}
.heroContentWrap{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center}
.heroContentWrap h1{font-size:52px;color:#FFF6EC;margin-bottom:24px;font-weight:700;line-height:1.2}
.heroContentWrap .leadPara{font-size:20px;color:#FFF6EC;line-height:1.6;max-width:600px;margin:0 auto}
.infoGrid{background:#1a1a2e;padding:80px 20px}
.infoGridInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.infoCard{background:linear-gradient(135deg,#7673f914,#0c8a8614);border:1px solid #7673f933;border-radius:16px;padding:36px 28px;transition:all 320ms ease}
.infoCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #7673f940;border-color:#7673F9}
.infoCard .iconWrap{width:56px;height:56px;background:linear-gradient(71deg,#7673F9 0%,#0C8A86 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.infoCard .iconWrap i{font-size:28px;color:#FFF6EC}
.infoCard h3{font-size:22px;color:#FFF6EC;margin-bottom:12px;font-weight:600}
.infoCard p{font-size:16px;color:#b8b8c9;line-height:1.6;margin-bottom:8px}
.infoCard a{color:#7673F9;text-decoration:none;transition:color 280ms ease}
.infoCard a:hover{color:#0C8A86}
.formSection{background:#0f0f1a;padding:100px 20px;position:relative}
.formSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#7673F9,transparent)}
.formContain{max-width:700px;margin:0 auto}
.formContain h2{font-size:42px;color:#FFF6EC;text-align:center;margin-bottom:16px;font-weight:700}
.formContain .subHeadForm{font-size:18px;color:#b8b8c9;text-align:center;margin-bottom:48px;line-height:1.6}
.formContain form{background:linear-gradient(135deg,#7673f90d,#0c8a860d);border:1px solid #7673f926;border-radius:20px;padding:44px 36px}
.fieldGroup{margin-bottom:28px}
.fieldGroup label{display:block;font-size:15px;color:#FFF6EC;margin-bottom:10px;font-weight:500}
.fieldGroup input[type="text"],.fieldGroup input[type="email"],.fieldGroup textarea{width:100%;background:#1a1a2e99;border:1px solid #7673f94d;border-radius:8px;padding:14px 16px;font-size:16px;color:#FFF6EC;transition:all 280ms ease;box-sizing:border-box}
.fieldGroup input[type="text"]:focus,.fieldGroup input[type="email"]:focus,.fieldGroup textarea:focus{outline:none;border-color:#7673F9;box-shadow:0 0 0 3px #7673f926}
.fieldGroup textarea{resize:vertical;min-height:120px}
.ratingBox{margin-bottom:32px}
.ratingBox h4{font-size:15px;color:#FFF6EC;margin-bottom:16px;font-weight:500}
.ratingOptions{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap}
.ratingOptions input[type="radio"]{display:none}
.ratingOptions label{background:#1a1a2e99;border:1px solid #7673f94d;border-radius:8px;padding:12px 20px;font-size:15px;color:#b8b8c9;cursor:pointer;transition:all 280ms ease}
.ratingOptions input[type="radio"]:checked + label{background:linear-gradient(71deg,#7673F9 0%,#0C8A86 100%);border-color:#7673F9;color:#FFF6EC;box-shadow:0 4px 16px #7673f959}
.ratingOptions label:hover{border-color:#7673F9}
.privacyCheckWrap{margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}
.privacyCheckWrap input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer}
.privacyCheckWrap label{font-size:14px;color:#b8b8c9;line-height:1.5;flex:1}
.privacyCheckWrap label a{color:#7673F9;text-decoration:none}
.privacyCheckWrap label a:hover{text-decoration:underline}
.submitButton{width:100%;background:linear-gradient(71deg,#7673F9 0%,#0C8A86 100%);border:none;border-radius:8px;padding:16px 32px;font-size:18px;font-weight:600;color:#FFF6EC;cursor:pointer;transition:all 300ms ease;box-shadow:0 6px 24px #7673f94d}
.submitButton:hover{transform:translateY(-2px);box-shadow:0 10px 32px #7673f973}
.submitButton:active{transform:translateY(0)}
.hoursSection{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1a 100%);padding:80px 20px}
.hoursInner{max-width:900px;margin:0 auto}
.hoursInner h2{font-size:38px;color:#FFF6EC;text-align:center;margin-bottom:48px;font-weight:700}
.scheduleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.dayBox{background:#7673f90f;border:1px solid #7673f933;border-radius:12px;padding:24px 20px;text-align:center;transition:border-color 280ms ease}
.dayBox:hover{border-color:#0C8A86}
.dayBox h5{font-size:18px;color:#FFF6EC;margin-bottom:8px;font-weight:600}
.dayBox p{font-size:15px;color:#b8b8c9}
.additionalInfo{background:#1a1a2e;padding:80px 20px;position:relative}
.additionalInfo::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,#0c8a8680,transparent)}
.additionalInfoInner{max-width:800px;margin:0 auto;text-align:center}
.additionalInfoInner h2{font-size:36px;color:#FFF6EC;margin-bottom:20px;font-weight:700}
.additionalInfoInner .descText{font-size:17px;color:#b8b8c9;line-height:1.7;margin-bottom:36px}
.linkRow{display:flex;flex-direction:row;justify-content:center;gap:20px;flex-wrap:wrap}
.linkRow a{background:#7673f91a;border:1px solid #7673f94d;border-radius:8px;padding:14px 28px;font-size:16px;color:#7673F9;text-decoration:none;transition:all 300ms ease;font-weight:500}
.linkRow a:hover{background:linear-gradient(71deg,#7673F9 0%,#0C8A86 100%);color:#FFF6EC;border-color:#7673F9;transform:translateY(-2px);box-shadow:0 6px 20px #7673f94d}
@media (max-width: 768px) {
.heroContact{padding:80px 20px 60px}
.heroContentWrap h1{font-size:36px}
.heroContentWrap .leadPara{font-size:17px}
.infoGrid{padding:60px 20px}
.infoGridInner{gap:24px}
.formSection{padding:60px 20px}
.formContain h2{font-size:32px}
.formContain form{padding:32px 24px}
.ratingOptions{flex-direction:column}
.ratingOptions label{text-align:center}
.hoursSection{padding:60px 20px}
.hoursInner h2{font-size:30px;margin-bottom:32px}
.scheduleGrid{grid-template-columns:1fr;gap:16px}
.additionalInfo{padding:60px 20px}
.additionalInfoInner h2{font-size:28px}
.linkRow{flex-direction:column;align-items:stretch}
.linkRow a{text-align:center}
}
.titleWrap{background:linear-gradient(135deg,#0C8A86 0%,#1a1a1a 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.titleWrap::before{content:'';position:absolute;top:0;left:0;width:2px;height:120px;background:#7673F9}
.titleWrap::after{content:'';position:absolute;bottom:0;right:0;width:120px;height:2px;background:#FFF6EC}
.titleInner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:60px;flex-direction:row-reverse}
.titleContent h1{font-size:52px;color:#FFF6EC;margin:0 0 18px;line-height:1.1;font-weight:700}
.titleContent .subline{font-size:20px;color:#e0e0e0;margin:0 0 32px;line-height:1.5}
.titleContent .cta{display:inline-block;background:#7673F9;color:#fff;padding:16px 40px;text-decoration:none;border-radius:6px;font-size:18px;font-weight:600;transition:all 300ms;box-shadow:0 4px 12px #7673f94d}
.titleContent .cta:hover{background:#5955d6;transform:translateY(-2px);box-shadow:0 6px 16px #7673f966}
.titleVisual{flex-shrink:0}
.titleVisual img{width:420px;height:320px;object-fit:cover;border-radius:12px;box-shadow:8px 8px 0 #7673f966 16px 16px 0 #0c8a8633}
.focusArea{background:#1a1a1a;padding:90px 20px}
.focusBox{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
.focusCard{background:linear-gradient(160deg,#2a2a2a 0%,#1e1e1e 100%);padding:36px;border-radius:8px;border-left:4px solid #7673F9;transition:all 280ms}
.focusCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #7673f933;border-left-color:#0C8A86}
.focusCard h3{font-size:24px;color:#FFF6EC;margin:0 0 16px;font-weight:600}
.focusCard p{font-size:16px;color:#b8b8b8;line-height:1.6;margin:0}
.focusCard .iconMark{display:inline-block;width:48px;height:48px;background:#7673f926;border-radius:50%;margin-bottom:20px;position:relative}
.focusCard .iconMark::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#7673F9;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.stepsZone{background:linear-gradient(90deg,#141414 0%,#1f1f1f 50%,#141414 100%);padding:85px 20px;position:relative}
.stepsZone::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:1px;background:linear-gradient(90deg,transparent 0%,#7673F9 50%,transparent 100%);z-index:1}
.stepsContainer{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.stepsContainer h2{font-size:38px;color:#FFF6EC;margin:0 0 60px;text-align:center;font-weight:700}
.stepsList{display:flex;justify-content:space-between;gap:24px}
.stepItem{flex:1;background:#252525;padding:32px 24px;border-radius:16px;text-align:center;position:relative;transition:transform 320ms}
.stepItem:hover{transform:scale(1.05)}
.stepItem::before{content:attr(data-step);position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:36px;height:36px;background:#0C8A86;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 2px 8px #0c8a8680}
.stepItem h4{font-size:20px;color:#FFF6EC;margin:24px 0 14px;font-weight:600}
.stepItem p{font-size:15px;color:#a8a8a8;line-height:1.6;margin:0}
.testimonialSection{background:#1a1a1a;padding:90px 20px}
.testimonialWrap{max-width:1200px;margin:0 auto}
.testimonialWrap h2{font-size:40px;color:#FFF6EC;margin:0 0 50px;font-weight:700}
.testimonialGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.testimonialBox{background:linear-gradient(145deg,#242424 0%,#1c1c1c 100%);padding:40px;border-radius:12px;display:flex;gap:28px;box-shadow:0 4px 16px #0000004d;transition:box-shadow 300ms}
.testimonialBox:hover{box-shadow:0 6px 24px #7673f933}
.testimonialBox img{width:90px;height:90px;object-fit:cover;border-radius:50%;border:3px solid #7673F9;flex-shrink:0}
.testimonialText{flex:1}
.testimonialText p{font-size:16px;color:silver;line-height:1.7;margin:0 0 18px;font-style:italic}
.testimonialText .authorName{font-size:18px;color:#FFF6EC;font-weight:600;display:block;margin-bottom:4px}
.testimonialText .authorRole{font-size:14px;color:#0C8A86;font-weight:500}
.finalCta{background:linear-gradient(180deg,#0C8A86 0%,#1a1a1a 100%);padding:100px 20px;text-align:center;position:relative}
.finalCta::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent 0%,#7673F9 50%,transparent 100%)}
.finalCtaInner{max-width:800px;margin:0 auto}
.finalCtaInner h2{font-size:44px;color:#FFF6EC;margin:0 0 24px;font-weight:700;line-height:1.2}
.finalCtaInner p{font-size:19px;color:#d0d0d0;margin:0 0 36px;line-height:1.6}
.finalCtaInner .ctaButton{display:inline-block;background:#7673F9;color:#fff;padding:18px 48px;text-decoration:none;border-radius:8px;font-size:18px;font-weight:700;transition:all 300ms;box-shadow:0 6px 20px #7673f966}
.finalCtaInner .ctaButton:hover{background:#5955d6;transform:translateY(-3px);box-shadow:0 8px 28px #7673f980}
@media (max-width: 968px) {
.titleInner{flex-direction:column;text-align:center}
.titleVisual img{width:100%;max-width:420px;height:auto}
.titleContent h1{font-size:40px}
.focusBox{grid-template-columns:1fr}
.stepsList{flex-direction:column}
.testimonialGrid{grid-template-columns:1fr}
.finalCtaInner h2{font-size:34px}
}
@media (max-width: 640px) {
.titleWrap{padding:50px 20px 60px}
.titleContent h1{font-size:32px}
.titleContent .subline{font-size:17px}
.focusArea{padding:60px 20px}
.stepsZone{padding:60px 20px}
.stepsContainer h2{font-size:30px;margin-bottom:40px}
.testimonialSection{padding:60px 20px}
.testimonialWrap h2{font-size:32px}
.testimonialBox{flex-direction:column;text-align:center}
.testimonialBox img{margin:0 auto}
.finalCta{padding:70px 20px}
.finalCtaInner h2{font-size:28px}
.finalCtaInner p{font-size:16px}
}
.successWrap{background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successWrap::before{content:'';position:absolute;top:-50%;right:-30%;width:600px;height:600px;background:radial-gradient(circle,#7673f926 0%,transparent 70%);border-radius:50%;pointer-events:none}
.successWrap::after{content:'';position:absolute;bottom:-40%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,#0c8a861f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.confirmBox{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:80px;align-items:center;position:relative;z-index:2}
.messageArea{padding:20px 0}
.successMark{width:72px;height:72px;margin-bottom:32px;position:relative}
.successMark svg{width:100%;height:100%}
.checkCircle{fill:none;stroke:#7673F9;stroke-width:3;stroke-linecap:round;animation:drawCircle .6s ease-out forwards}
.checkMark{fill:none;stroke:#0C8A86;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:drawCheck .4s .6s ease-out forwards}
@keyframes drawCircle {
to{stroke-dasharray:220;stroke-dashoffset:0}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.messageArea h1{font-size:52px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.messageArea .leadText{font-size:20px;color:#c5c5d8;line-height:1.6;margin:0 0 40px;max-width:560px}
.actionBtn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#7673F9 0%,#0C8A86 100%);color:#fff;padding:18px 40px;border-radius:8px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #7673f94d;position:relative;z-index:10}
.actionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7673f973}
.actionBtn:active{transform:translateY(0)}
.actionBtn i{font-size:20px}
.visualCard{background:linear-gradient(145deg,#1e1e2e 0%,#252538 100%);border-radius:16px;padding:48px;box-shadow:0 8px 32px #0006;border:1px solid #7673f933;position:relative;overflow:hidden}
.visualCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7673F9 0%,#0C8A86 100%)}
.cardIcon{width:64px;height:64px;background:linear-gradient(135deg,#7673f933 0%,#0c8a8633 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.cardIcon svg{width:32px;height:32px}
.cardIcon .iconPath{fill:none;stroke:#7673F9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.visualCard h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.3}
.visualCard p{font-size:16px;color:#9999b3;line-height:1.7;margin:0 0 24px}
.detailList{list-style:none;padding:0;margin:0}
.detailList li{font-size:15px;color:#b8b8cc;padding:12px 0;border-bottom:1px solid #ffffff0f;display:flex;align-items:center;gap:12px}
.detailList li:last-child{border-bottom:none}
.detailList li::before{content:'';width:6px;height:6px;background:#0C8A86;border-radius:50%;flex-shrink:0}
@media (max-width: 1024px) {
.confirmBox{grid-template-columns:1fr;gap:60px}
.visualCard{max-width:500px;margin:0 auto}
}
@media (max-width: 768px) {
.successWrap{padding:40px 16px;min-height:auto}
.messageArea h1{font-size:38px}
.messageArea .leadText{font-size:18px}
.visualCard{padding:36px 24px}
.successMark{width:60px;height:60px}
.confirmBox{gap:40px}
}
@media (max-width: 480px) {
.messageArea h1{font-size:32px}
.messageArea .leadText{font-size:16px}
.actionBtn{width:100%;justify-content:center;padding:16px 32px}
.visualCard h3{font-size:20px}
}