body{font-family:'Manrope',sans-serif;margin:0;background:#FCFCFC;color:#1a1a1a;word-break:break-word;overflow-wrap:anywhere}
:focus{outline:2px dashed #FF4494;outline-offset:4px;animation:dashRotate 3s linear infinite}
@keyframes dashRotate {
0%{outline-offset:4px}
50%{outline-offset:6px}
100%{outline-offset:4px}
}
.headoWrap{background:linear-gradient(135deg,#FCFCFC 0%,#ff44940a 100%);border-bottom:3px solid #FF4494;padding:24px 32px}
.headoContainer{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:32px}
.logoZone{display:flex;align-items:center;padding:8px 24px 8px 8px;border-right:4px solid #5571FF;background:#fff9;box-shadow:2px 1px 4px 1px #ff44940f;border-radius:10px}
.logoZone img{width:64px;height:64px;object-fit:contain;display:block}
.naviMain{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.naviMain a{padding:16px 24px;font-size:15px;font-weight:700;color:#1a1a1a;text-decoration:none;border:3px solid #FF4494;border-radius:40px;background:#fffc;transition:box-shadow .28s cubic-bezier(0.4,0,0.2,1),transform .28s cubic-bezier(0.4,0,0.2,1);letter-spacing:-.01em}
.naviMain a:hover{box-shadow:inset 2px 4px 25px 1px #5571ff1c;transform:translateY(-1px)}
.trustBadge{display:flex;align-items:center;gap:8px;padding:16px 24px;background:linear-gradient(135deg,#5571ff14 0%,#ff449414 100%);border:2px solid #5571FF;border-radius:40px;box-shadow:2px 4px 25px 1px #5571ff1c}
.trustBadge .iconWrap{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#FF4494;border-radius:5px}
.trustBadge .iconWrap svg{width:20px;height:20px;fill:#FCFCFC}
.trustBadge span{font-size:14px;font-weight:700;color:#1a1a1a;line-height:1.1}
.footrWrap{background:linear-gradient(180deg,#FCFCFC 0%,#5571ff08 100%);border-top:2px solid #ff449433;padding:64px 32px 32px}
.footrContainer{max-width:1200px;margin:0 auto}
.footrTop{display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #5571ff26}
.footrBrand{display:flex;align-items:center;gap:24px}
.footrLogoBox{padding:8px 16px 8px 8px;border-right:3px solid #FF4494;background:#ffffff80;border-radius:10px}
.footrLogoBox img{width:60px;height:60px;object-fit:contain;display:block}
.footrBrandText{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.5}
.footrColumns{display:grid;grid-template-columns:2fr 1fr;gap:64px;margin-bottom:32px}
.footrInfo{display:flex;flex-direction:column;gap:16px}
.footrInfo h3{font-size:17px;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.02em;line-height:1.1}
.footrInfo p{font-size:15px;line-height:1.8;color:#444;margin:0}
.footrInfo a{color:#5571FF;text-decoration:none;font-weight:700;transition:color .27s ease-in-out}
.footrInfo a:hover{color:#FF4494}
.footrContact{display:flex;flex-direction:column;gap:24px}
.contactItem{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fff9;border-left:4px solid #FF4494;border-radius:5px;box-shadow:2px 1px 4px 1px #5571ff0f}
.contactItem .iconCircle{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FF4494 0%,#5571FF 100%);border-radius:40px}
.contactItem .iconCircle svg{width:20px;height:20px;fill:#FCFCFC}
.contactItem div{display:flex;flex-direction:column;gap:4px}
.contactItem strong{font-size:14px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.03em}
.contactItem span,.contactItem a{font-size:15px;line-height:1.5;color:#444;text-decoration:none}
.contactItem a:hover{color:#FF4494}
.footrBottom{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding-top:24px}
.footrCopyright{font-size:14px;color:#666;line-height:1.5}
.footrLinks{display:flex;gap:24px;flex-wrap:wrap}
.footrLinks a{font-size:14px;font-weight:700;color:#5571FF;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .3s cubic-bezier(0.4,0,0.2,1)}
.footrLinks a:hover{border-bottom-color:#FF4494}
.cookiePopup{position:fixed;bottom:32px;right:32px;width:420px;max-width:calc(100vw - 64px);background:#FCFCFC;border:3px solid #FF4494;border-radius:10px;box-shadow:2px 10px 40px 1px #5571ff1a;padding:24px;z-index:8000;display:none}
.cookiePopup.visible{display:block}
.popHead{font-size:17px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.1}
.popText{font-size:14px;line-height:1.8;color:#444;margin:0 0 16px}
.popText a{color:#5571FF;text-decoration:none;font-weight:700}
.popText a:hover{color:#FF4494}
.popActions{display:flex;gap:8px;margin-bottom:16px}
.popBtn{flex:1;padding:16px;font-size:14px;font-weight:700;text-align:center;border:3px solid #5571FF;border-radius:40px;background:transparent;color:#1a1a1a;cursor:pointer;transition:box-shadow .32s ease-in-out,background .32s ease-in-out}
.popBtn:hover{box-shadow:inset 2px 4px 25px 1px #5571ff1c}
.popBtn.primary{border-color:#FF4494}
.popExpand{font-size:14px;font-weight:700;color:#5571FF;background:none;border:none;padding:8px 0;cursor:pointer;text-decoration:underline;transition:color .28s ease-in-out}
.popExpand:hover{color:#FF4494}
.popDetails{display:none;margin-top:16px;padding-top:16px;border-top:2px solid #5571ff26}
.popDetails.visible{display:block}
.popCategory{display:flex;align-items:flex-start;gap:16px;padding:16px;margin-bottom:8px;background:#ffffff80;border-radius:5px}
.popCategory input[type="checkbox"]{width:20px;height:20px;min-width:20px;margin-top:2px;cursor:pointer}
.popCategory input[type="checkbox"]:disabled{cursor:not-allowed}
.popCategory label{font-size:14px;line-height:1.5;color:#444;cursor:pointer}
.popCategory label strong{display:block;font-weight:700;color:#1a1a1a;margin-bottom:4px}
.prefBtn{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background:linear-gradient(135deg,#FF4494 0%,#5571FF 100%);border:none;border-radius:40px;box-shadow:2px 4px 25px 1px #ff44941c;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:7999;transition:transform .3s cubic-bezier(0.4,0,0.2,1),box-shadow .3s cubic-bezier(0.4,0,0.2,1)}
.prefBtn.visible{display:flex}
.prefBtn:hover{transform:scale(1.08);box-shadow:2px 10px 40px 1px #5571ff1a}
.prefBtn svg{width:28px;height:28px;fill:#FCFCFC}
@media (max-width: 768px) {
.headoContainer{flex-direction:column;align-items:stretch;gap:24px}
.logoZone{justify-content:center;border-right:none;border-bottom:4px solid #5571FF;padding:8px}
.naviMain{flex-direction:column;gap:8px}
.naviMain a{width:100%;text-align:center}
.trustBadge{justify-content:center}
.footrColumns{grid-template-columns:1fr;gap:32px}
.footrBottom{flex-direction:column;align-items:flex-start}
.cookiePopup{width:calc(100vw - 32px);right:16px;bottom:16px}
.prefBtn{right:16px;bottom:16px}
}
.policy-area{max-width:1200px;margin:0 auto;padding:64px 32px;background:#FCFCFC}
.policy-area h1{font-size:48px;line-height:1.1;letter-spacing:-.02em;color:#1a1a1a;margin:0 0 32px;font-weight:700}
.policy-area h2{font-size:36px;line-height:1.1;letter-spacing:-.01em;color:#2a2a2a;margin:64px 0 24px;font-weight:700}
.policy-area h3{font-size:26px;line-height:1.1;letter-spacing:-.01em;color:#2a2a2a;margin:32px 0 16px;font-weight:600}
.policy-area h4{font-size:20px;line-height:1.5;letter-spacing:-.005em;color:#3a3a3a;margin:24px 0 16px;font-weight:600}
.policy-area h5{font-size:17px;line-height:1.5;letter-spacing:0;color:#3a3a3a;margin:24px 0 16px;font-weight:600}
.policy-area h6{font-size:15px;line-height:1.5;letter-spacing:0;color:#4a4a4a;margin:24px 0 16px;font-weight:600;text-transform:uppercase}
.policy-area p{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 24px}
.policy-area a{color:#5571FF;text-decoration:none;border-bottom:1px solid #5571ff4d;transition:border-color .28s cubic-bezier(0.4,0,0.2,1)}
.policy-area a:hover{border-bottom-color:#5571FF}
.policy-area ul,.policy-area ol{margin:0 0 24px;padding:0 0 0 32px}
.policy-area ul{list-style:none}
.policy-area ul li{position:relative;font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 16px;padding-left:16px}
.policy-area ul li::before{content:'';position:absolute;left:0;top:.7em;width:6px;height:6px;background:#FF4494;border-radius:40px}
.policy-area ol{list-style:decimal}
.policy-area ol li{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 16px;padding-left:8px}
.policy-area hr{border:none;height:1px;background:linear-gradient(to right,#ff449433,#5571ff33);margin:64px 0}
.policy-area table{width:100%;border-collapse:collapse;margin:0 0 32px;border:3px solid #5571ff26;border-radius:10px;overflow:hidden}
.policy-area thead{background:linear-gradient(135deg,#ff449414,#5571ff14)}
.policy-area thead tr{border-bottom:2px solid #5571ff33}
.policy-area th{font-size:15px;line-height:1.5;font-weight:700;text-align:left;color:#1a1a1a;padding:16px 24px;text-transform:uppercase;letter-spacing:.02em}
.policy-area tbody tr{border-bottom:1px solid #5571ff1a;transition:background-color .32s cubic-bezier(0.4,0,0.2,1)}
.policy-area tbody tr:last-child{border-bottom:none}
.policy-area tbody tr:hover{background:#ff449408}
.policy-area td{font-size:17px;line-height:1.8;color:#2a2a2a;padding:16px 24px}
.policy-area div{margin:0 0 24px}
@media (max-width: 768px) {
.policy-area{padding:32px 16px}
.policy-area h1{font-size:36px;margin:0 0 24px}
.policy-area h2{font-size:26px;margin:32px 0 16px}
.policy-area h3{font-size:20px;margin:24px 0 16px}
.policy-area h4{font-size:17px}
.policy-area p,.policy-area ul li,.policy-area ol li,.policy-area td{font-size:15px;line-height:1.8}
.policy-area table{display:block;overflow-x:auto;border-radius:5px}
.policy-area th,.policy-area td{padding:16px;white-space:nowrap}
.policy-area hr{margin:32px 0}
}
.articlePage{background:linear-gradient(72deg,#FCFCFC 0%,#fff 100%);min-height:100vh;padding:64px 0}
.articlePage .centerWrap{max-width:1200px;margin:0 auto;padding:0 24px}
.articlePage .splitIntro{display:grid;grid-template-columns:2fr 1fr;gap:64px;margin-bottom:64px;background:linear-gradient(72deg,#ff449408 0%,#5571ff08 100%);padding:64px 32px 32px;border-radius:10px;position:relative;overflow:hidden}
.articlePage .splitIntro::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 16px,#5571ff05 16px,#5571ff05 32px);pointer-events:none;z-index:1}
.articlePage .leftContent{position:relative;z-index:2}
.articlePage .titleMain{font-size:48px;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 24px;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.articlePage .subText{font-size:20px;line-height:1.5;color:#4a4a4a;margin:0}
.articlePage .rightVisual{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end}
.articlePage .heroImg{width:100%;height:100%;object-fit:cover;border-radius:5px;filter:saturate(0.7);transition:filter .35s cubic-bezier(0.4,0,0.2,1);box-shadow:2px 4px 25px 1px #5571ff1c}
.articlePage .heroImg:hover{filter:saturate(1)}
.articlePage .bodyLayout{display:grid;grid-template-columns:2fr 1fr;gap:64px;margin-bottom:64px}
.articlePage .mainContent{background:#fff;padding:64px;border-radius:10px;box-shadow:2px 1px 4px 1px #ff44940f;border:3px solid #5571ff14}
.articlePage .mainContent h2{font-size:36px;line-height:1.1;letter-spacing:-.01em;color:#2a2a2a;margin:0 0 24px;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.articlePage .mainContent p{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 24px}
.articlePage .mainContent p:last-child{margin-bottom:0}
.articlePage .mainContent em{font-style:italic;color:#5571FF}
.articlePage .mainContent mark{background:linear-gradient(72deg,#ff449426 0%,#5571ff26 100%);padding:4px 8px;border-radius:5px;color:inherit}
.articlePage .mainContent ul{list-style:none;padding:0;margin:0 0 24px}
.articlePage .mainContent li{font-size:17px;line-height:1.8;color:#3a3a3a;padding-left:32px;position:relative;margin-bottom:16px}
.articlePage .mainContent li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:linear-gradient(72deg,#FF4494 0%,#5571FF 100%);border-radius:40px}
.articlePage .mainContent time{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:.05em}
.articlePage .sidePanel{display:flex;flex-direction:column;gap:32px}
.articlePage .infoBox{background:linear-gradient(72deg,#5571ff0a 0%,#ff44940a 100%);padding:32px;border-radius:10px;border:2px dashed #5571ff33}
.articlePage .boxHead{font-size:20px;line-height:1.1;color:#2a2a2a;margin:0 0 16px;letter-spacing:-.01em}
.articlePage .detailRow{display:flex;align-items:baseline;gap:8px;margin-bottom:16px;font-size:15px;line-height:1.5}
.articlePage .detailRow:last-child{margin-bottom:0}
.articlePage .labelText{color:#666}
.articlePage .colonMark{color:#FF4494;font-weight:700}
.articlePage .valueText{color:#2a2a2a}
.articlePage .metricsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;padding:32px;border-radius:10px;box-shadow:2px 1px 4px 1px #ff44940f}
.articlePage .metricCard{background:linear-gradient(72deg,#ff44940f 0%,#5571ff0f 100%);padding:24px;border-radius:5px;text-align:center;transition:transform .3s cubic-bezier(0.4,0,0.2,1),box-shadow .3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;overflow:hidden}
.articlePage .metricCard::after{content:'';position:absolute;top:8px;right:8px;width:24px;height:24px;background:linear-gradient(72deg,#FF4494 0%,#5571FF 100%);border-radius:40px;opacity:.2}
.articlePage .metricCard:hover{transform:translateY(-4px);box-shadow:2px 10px 40px 1px #5571ff1a}
.articlePage .metricNum{font-size:36px;line-height:1.1;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 8px;font-weight:700}
.articlePage .metricLabel{font-size:14px;line-height:1.5;color:#666;text-transform:uppercase;letter-spacing:.05em;margin:0}
.articlePage .ctaSection{background:linear-gradient(72deg,#FF4494 0%,#5571FF 100%);padding:64px 32px;border-radius:40px;text-align:center;margin-bottom:64px;box-shadow:2px 10px 40px 1px #5571ff1a;position:relative;overflow:hidden}
.articlePage .ctaSection::before{content:'';position:absolute;width:400px;height:400px;background:#fcfcfc1a;border-radius:40px;top:-200px;left:-100px;transform:rotate(45deg);pointer-events:none}
.articlePage .ctaHead{font-size:36px;line-height:1.1;color:#fff;margin:0 0 16px;letter-spacing:-.01em;position:relative;z-index:2}
.articlePage .ctaPara{font-size:17px;line-height:1.5;color:#ffffffe6;margin:0 0 32px;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.articlePage .btnPrimary{display:inline-flex;align-items:center;gap:16px;background:#fff;color:#FF4494;font-size:17px;padding:16px 32px;border-radius:10px;text-decoration:none;border:3px solid #fff;transition:box-shadow .28s ease-in-out,gap .28s ease-in-out;position:relative;z-index:2}
.articlePage .btnPrimary:hover{box-shadow:inset 2px 4px 8px 0 #ff449426;gap:24px}
.articlePage .btnPrimary svg{width:20px;height:20px;fill:currentColor}
.articlePage .scrollTop{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background:linear-gradient(72deg,#FF4494 0%,#5571FF 100%);border:3px solid #fff;border-radius:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .32s cubic-bezier(0.4,0,0.2,1),box-shadow .32s cubic-bezier(0.4,0,0.2,1);box-shadow:2px 4px 25px 1px #5571ff1c;z-index:1000}
.articlePage .scrollTop:hover{transform:translateY(-8px);box-shadow:inset 2px 6px 12px 0 #0003}
.articlePage .scrollTop svg{width:24px;height:24px;fill:#fff}
.articlePage .dividerLine{height:2px;background:repeating-linear-gradient(to right,#5571ff33 0px,#5571ff33 8px,transparent 8px,transparent 16px);margin:64px 0}
@media (max-width: 1280px) {
.articlePage .splitIntro{grid-template-columns:1fr;gap:32px}
.articlePage .bodyLayout{grid-template-columns:1fr;gap:32px}
.articlePage .titleMain{font-size:36px}
.articlePage .mainContent{padding:32px}
.articlePage .metricsGrid{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.articlePage{padding:32px 0}
.articlePage .centerWrap{padding:0 16px}
.articlePage .splitIntro{padding:32px 16px 16px;margin-bottom:32px}
.articlePage .titleMain{font-size:26px}
.articlePage .subText{font-size:15px}
.articlePage .mainContent{padding:24px}
.articlePage .mainContent h2{font-size:26px}
.articlePage .mainContent p,.articlePage .mainContent li{font-size:15px}
.articlePage .metricsGrid{grid-template-columns:1fr;padding:24px}
.articlePage .ctaSection{padding:32px 16px;margin-bottom:32px}
.articlePage .ctaHead{font-size:26px}
.articlePage .ctaPara{font-size:15px}
.articlePage .scrollTop{bottom:16px;right:16px;width:48px;height:48px}
.articlePage .dividerLine{margin:32px 0}
.articlePage .bodyLayout{margin-bottom:32px}
}
.choixPage{background:#FCFCFC;margin:0;padding:0;position:relative;overflow-x:clip}
.choixPage::before{content:'';position:absolute;top:64px;left:-120px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#5571ff08 0%,transparent 70%);pointer-events:none;z-index:1}
.choixPage::after{content:'';position:absolute;top:380px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#ff44940a 0%,transparent 70%);pointer-events:none;z-index:1}
.choixPage .heroWrap{max-width:1200px;margin:0 auto;padding:64px 24px 32px;position:relative;z-index:2}
.choixPage .heroLayout{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;align-items:center}
.choixPage .heroText{display:flex;flex-direction:column;gap:24px}
.choixPage .heroText h1{font-size:48px;line-height:1.1;margin:0;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.choixPage .problemBlock{font-size:17px;line-height:1.5;color:#2a2a2a;margin:0}
.choixPage .solutionBlock{font-size:15px;line-height:1.8;color:#4a4a4a;margin:0}
.choixPage .heroImage{position:relative;overflow:hidden;border-radius:10px;height:320px}
.choixPage .heroImage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(0.4,0,0.2,1)}
.choixPage .heroImage:hover img{transform:scale(1.08)}
.choixPage .dotDecor{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff44941f;pointer-events:none}
.choixPage .dotDecor:nth-child(1){top:120px;left:18%}
.choixPage .dotDecor:nth-child(2){top:210px;right:22%}
.choixPage .dotDecor:nth-child(3){bottom:90px;left:35%}
.choixPage .dividerCurve{width:100%;height:140px;position:relative;overflow:hidden;margin:0;padding:0}
.choixPage .dividerCurve svg{width:100%;height:100%;display:block}
.choixPage .comparisonSection{background:linear-gradient(135deg,#ff449408 0%,#5571ff0a 100%);padding:64px 24px;position:relative;z-index:2}
.choixPage .comparisonContainer{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:64px;align-items:start}
.choixPage .comparisonContent h2{font-size:36px;line-height:1.1;margin:0 0 24px;color:#2a2a2a;letter-spacing:-.01em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.choixPage .comparisonContent p{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 32px}
.choixPage .matrixGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0 0}
.choixPage .matrixCell{background:#FCFCFC;border:2px solid #e5e5e5;border-radius:5px;padding:16px;text-align:center;transition:box-shadow .3s ease-in-out,border-color .28s cubic-bezier(0.4,0,0.2,1)}
.choixPage .matrixCell:hover{box-shadow:inset 2px 4px 8px #5571ff14;border-color:#5571FF}
.choixPage .matrixHeader{font-size:14px;line-height:1.5;color:#2a2a2a;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.choixPage .matrixIndicator{width:32px;height:32px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;transition:transform .26s ease-in-out}
.choixPage .matrixCell:hover .matrixIndicator{transform:scale(1.15)}
.choixPage .matrixIndicator.positive{background:linear-gradient(135deg,#5571ff26 0%,#5571ff40 100%);color:#5571FF}
.choixPage .matrixIndicator.negative{background:#c8c8c833;color:#888}
.choixPage .comparisonAside{display:flex;flex-direction:column;gap:24px}
.choixPage .accentLabel{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.5;color:#2a2a2a;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.choixPage .colorDot{width:16px;height:16px;border-radius:50%;background:linear-gradient(72deg,#FF4494 0%,#5571FF 100%);flex-shrink:0}
.choixPage .accentLabel span:first-of-type{font-weight:600;color:#FF4494}
.choixPage .pullQuote{font-size:20px;line-height:1.5;color:#5571FF;font-style:italic;margin:32px 0 0;padding:24px;background:#fff9;border-radius:10px;border-left:4px solid #5571FF}
.choixPage .benefitsSection{background:#FCFCFC;padding:64px 24px;position:relative;z-index:2}
.choixPage .benefitsContainer{max-width:1200px;margin:0 auto}
.choixPage .benefitsHeader{text-align:center;margin:0 0 64px}
.choixPage .benefitsHeader h2{font-size:36px;line-height:1.1;margin:0 0 16px;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.choixPage .benefitsGrid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:32px}
.choixPage .benefitCard{background:linear-gradient(135deg,#fffc 0%,#fcfcfce6 100%);border:3px solid #e5e5e5;border-radius:10px;padding:32px;transition:box-shadow .32s cubic-bezier(0.4,0,0.2,1),border-color .28s ease-in-out;position:relative;overflow:hidden}
.choixPage .benefitCard::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#5571ff0d 0%,transparent 50%);opacity:0;transition:opacity .35s ease-in-out;pointer-events:none}
.choixPage .benefitCard:hover::before{opacity:1}
.choixPage .benefitCard:hover{box-shadow:inset 2px 4px 25px 1px #ff44941c;border-color:#FF4494}
.choixPage .benefitCard h3{font-size:20px;line-height:1.5;margin:0 0 16px;color:#2a2a2a;letter-spacing:-.01em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.choixPage .benefitCard p{font-size:15px;line-height:1.8;color:#4a4a4a;margin:0}
.choixPage .benefitIcon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#5571ff1f 0%,#ff44941f 100%);display:flex;align-items:center;justify-content:center;margin:0 0 24px;transition:transform .3s cubic-bezier(0.4,0,0.2,1)}
.choixPage .benefitCard:hover .benefitIcon{transform:rotate(8deg) scale(1.08)}
.choixPage .iconShape{width:28px;height:28px;fill:none;stroke:#5571FF;stroke-width:2}
.choixPage .testimonialSection{background:linear-gradient(135deg,#5571ff0d 0%,#fcfcfcff 100%);padding:64px 24px;position:relative;z-index:2}
.choixPage .testimonialContainer{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.choixPage .testimonialIntro{text-align:left;max-width:700px}
.choixPage .testimonialIntro h2{font-size:36px;line-height:1.1;margin:0 0 16px;color:#2a2a2a;letter-spacing:-.01em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.choixPage .testimonialIntro p{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0}
.choixPage .testimonialLayout{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center}
.choixPage .testimonialImage{position:relative;overflow:hidden;border-radius:40px;height:420px;border:3px solid #e5e5e5}
.choixPage .testimonialImage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(0.4,0,0.2,1)}
.choixPage .testimonialImage:hover img{transform:scale(1.06)}
.choixPage .testimonialBox{background:#FCFCFC;border:3px solid #e5e5e5;border-radius:10px;padding:32px;position:relative;transition:box-shadow .35s ease-in-out}
.choixPage .testimonialBox:hover{box-shadow:2px 4px 25px 1px #5571ff1c}
.choixPage .testimonialQuote{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 24px;font-style:italic}
.choixPage .testimonialAuthor{font-size:15px;line-height:1.5;color:#4a4a4a;margin:0}
.choixPage .testimonialAuthor strong{color:#5571FF;font-weight:600}
@media (max-width: 1280px) {
.choixPage .heroLayout{grid-template-columns:1fr;gap:32px}
.choixPage .heroImage{height:280px}
.choixPage .comparisonContainer{grid-template-columns:1fr;gap:32px}
.choixPage .benefitsGrid{grid-template-columns:1fr}
.choixPage .testimonialLayout{grid-template-columns:1fr}
.choixPage .testimonialImage{height:320px}
}
@media (max-width: 768px) {
.choixPage .heroWrap{padding:32px 16px 24px}
.choixPage .heroText h1{font-size:36px}
.choixPage .comparisonSection{padding:32px 16px}
.choixPage .comparisonContent h2{font-size:26px}
.choixPage .matrixGrid{grid-template-columns:1fr;gap:8px}
.choixPage .benefitsSection{padding:32px 16px}
.choixPage .benefitsHeader h2{font-size:26px}
.choixPage .testimonialSection{padding:32px 16px}
.choixPage .testimonialIntro h2{font-size:26px}
.choixPage .dividerCurve{height:80px}
}
.podcastHub{background:linear-gradient(72deg,#FCFCFC 0%,#fff 100%);min-height:100vh;padding:0;margin:0}
.podcastHub *{box-sizing:border-box}
.podcastHub .titleZone{max-width:1200px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:2fr 1fr;gap:64px;align-items:center;position:relative;overflow:visible}
.podcastHub .titleZone::before{content:'';position:absolute;top:-10%;left:10%;width:280px;height:280px;background:radial-gradient(circle,#ff449414 0%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:0}
.podcastHub .titleZone::after{content:'';position:absolute;bottom:20%;right:15%;width:220px;height:220px;background:radial-gradient(circle,#5571ff0f 0%,transparent 70%);filter:blur(35px);pointer-events:none;z-index:0}
.podcastHub .imageCol{position:relative;z-index:1}
.podcastHub .imageCol img{width:100%;height:380px;object-fit:cover;border-radius:10px;border:3px solid #ff449426;filter:hue-rotate(8deg) saturate(1.2);transition:filter .35s cubic-bezier(0.4,0,0.2,1)}
.podcastHub .imageCol img:hover{filter:hue-rotate(0deg) saturate(1)}
.podcastHub .textCol{position:relative;z-index:1}
.podcastHub .mainHeading{font-size:48px;line-height:1.1;letter-spacing:-.02em;margin:0 0 24px;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.podcastHub .pointsList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.podcastHub .pointsList li{font-size:17px;line-height:1.5;color:#2a2a2a;padding-left:32px;position:relative}
.podcastHub .pointsList li::before{content:'';position:absolute;left:0;top:8px;width:20px;height:2px;background:linear-gradient(72deg,#FF4494 0%,#5571FF 100%)}
.podcastHub .statsArea{background:#3949ab;padding:64px 24px;position:relative;overflow:hidden}
.podcastHub .statsWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:64px;position:relative;z-index:1}
.podcastHub .statBlock{text-align:center;opacity:0;transform:translateY(24px) scale(0.95);animation:elasticEntry .6s cubic-bezier(0.68,-0.55,0.265,1.55) forwards}
.podcastHub .statBlock:nth-child(1){animation-delay:.1s}
.podcastHub .statBlock:nth-child(2){animation-delay:.25s}
.podcastHub .statBlock:nth-child(3){animation-delay:.4s}
@keyframes elasticEntry {
0%{opacity:0;transform:translateY(24px) scale(0.95)}
60%{opacity:1;transform:translateY(-4px) scale(1.02)}
100%{opacity:1;transform:translateY(0) scale(1)}
}
.podcastHub .statIcon{width:56px;height:56px;margin:0 auto 16px;background:#ff449426;border-radius:40px;display:flex;align-items:center;justify-content:center}
.podcastHub .statIcon svg{width:28px;height:28px;fill:#FCFCFC}
.podcastHub .statNum{font-size:48px;line-height:1.1;color:#FCFCFC;font-weight:600;margin:0 0 8px;letter-spacing:-.02em}
.podcastHub .statLabel{font-size:15px;line-height:1.5;color:#fcfcfcd9;margin:0}
.podcastHub .listingSection{max-width:1200px;margin:0 auto;padding:64px 24px}
.podcastHub .sectionTitle{font-size:36px;line-height:1.1;letter-spacing:-.01em;margin:0 0 32px;color:#1a1a1a;text-align:center;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.podcastHub .cardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px}
.podcastHub .podCard{background:#fff;border-radius:10px;overflow:hidden;border:2px solid #5571ff1a;transition:box-shadow .3s cubic-bezier(0.4,0,0.2,1),transform .3s cubic-bezier(0.4,0,0.2,1);box-shadow:2px 4px 25px 1px #5571ff1c;display:flex;flex-direction:column}
.podcastHub .podCard:hover{box-shadow:2px 10px 40px 1px #ff44941a;transform:translateY(-4px)}
.podcastHub .cardImage{position:relative;width:100%;height:220px;overflow:hidden}
.podcastHub .cardImage::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(72deg,#ff449440 0%,#5571ff40 100%);z-index:1;transition:opacity .35s ease-in-out;pointer-events:none}
.podcastHub .cardImage:hover::before{opacity:0}
.podcastHub .cardImage img{width:100%;height:100%;object-fit:cover;display:block}
.podcastHub .cardContent{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.podcastHub .cardSubtitle{font-size:14px;line-height:1.5;color:#5571FF;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}
.podcastHub .cardTitle{font-size:20px;line-height:1.5;color:#1a1a1a;margin:0 0 16px;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.podcastHub .cardDesc{font-size:15px;line-height:1.8;color:#4a4a4a;margin:0 0 24px;flex-grow:1}
.podcastHub .cardLink{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#FF4494;text-decoration:none!important;border:3px solid #FF4494;padding:8px 24px;border-radius:5px;transition:background .28s ease-in-out,box-shadow .28s ease-in-out;align-self:flex-start}
.podcastHub .cardLink:hover{background:#FF4494;color:#fff;box-shadow:inset 2px 4px 8px #00000026}
.podcastHub .cardLink svg{width:16px;height:16px;transition:transform .32s cubic-bezier(0.4,0,0.2,1)}
.podcastHub .cardLink:hover svg{transform:translateX(4px)}
.podcastHub .benefitsZone{background:linear-gradient(180deg,#fff 0%,#f8f8f8 100%);padding:64px 24px;border-top:1px solid #5571ff1a}
.podcastHub .benefitsWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:64px;align-items:start}
.podcastHub .benefitsText h2{font-size:26px;line-height:1.5;color:#1a1a1a;margin:0 0 24px;letter-spacing:-.01em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.podcastHub .benefitsText p{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 16px}
.podcastHub .benefitsText p:last-child{margin:0}
.podcastHub .pullQuote{font-size:26px;line-height:1.5;color:#FF4494;font-style:italic;padding:32px;background:#ff44940a;border-radius:10px;border-left:4px solid #FF4494;margin:0;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
@media (max-width: 1280px) {
.podcastHub .titleZone{gap:48px}
.podcastHub .statsWrap{gap:48px}
.podcastHub .benefitsWrap{gap:48px}
}
@media (max-width: 768px) {
.podcastHub .titleZone{grid-template-columns:1fr;gap:32px;padding:32px 16px}
.podcastHub .imageCol img{height:280px}
.podcastHub .mainHeading{font-size:36px}
.podcastHub .statsWrap{grid-template-columns:1fr;gap:32px}
.podcastHub .statsArea{padding:32px 16px}
.podcastHub .listingSection{padding:32px 16px}
.podcastHub .sectionTitle{font-size:26px}
.podcastHub .cardGrid{grid-template-columns:1fr;gap:24px}
.podcastHub .benefitsZone{padding:32px 16px}
.podcastHub .benefitsWrap{grid-template-columns:1fr;gap:32px}
.podcastHub .pullQuote{font-size:20px;padding:24px}
}
.aboutEnvolclub{background:#FCFCFC;overflow-x:clip}
.aboutEnvolclub .titleIntro{max-width:1200px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:center;position:relative}
.aboutEnvolclub .titleIntro::after{content:'';position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(72deg,#FF4494,#5571FF)}
.aboutEnvolclub .titleIntro .leftImage,.aboutEnvolclub .titleIntro .rightImage{width:100%;height:280px;border-radius:10px;overflow:hidden;filter:grayscale(1);transition:filter .35s cubic-bezier(0.4,0,0.2,1)}
.aboutEnvolclub .titleIntro:hover .leftImage,.aboutEnvolclub .titleIntro:hover .rightImage{filter:grayscale(0)}
.aboutEnvolclub .titleIntro .leftImage img,.aboutEnvolclub .titleIntro .rightImage img{width:100%;height:100%;object-fit:cover;transition:transform .38s ease-in-out}
.aboutEnvolclub .titleIntro:hover .leftImage img,.aboutEnvolclub .titleIntro:hover .rightImage img{transform:scale(1.08)}
.aboutEnvolclub .titleIntro .centerText{text-align:center;padding:0 16px}
.aboutEnvolclub .titleIntro .centerText h1{font-size:36px;line-height:1.1;margin:0 0 24px;background:linear-gradient(72deg,#5571FF,#FF4494);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}
.aboutEnvolclub .titleIntro .centerText p{font-size:17px;line-height:1.5;color:#2a2a2a;margin:0}
.aboutEnvolclub .storySection{max-width:1200px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:2fr 1fr;gap:64px;align-items:start}
.aboutEnvolclub .storySection .mainContent h2{font-size:26px;line-height:1.1;margin:0 0 32px;color:#2a2a2a;position:relative;display:inline-block}
.aboutEnvolclub .storySection .mainContent h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:linear-gradient(72deg,#FF4494,#5571FF);border-radius:5px}
.aboutEnvolclub .storySection .mainContent .textBlock{margin:0 0 24px}
.aboutEnvolclub .storySection .mainContent .textBlock p{font-size:17px;line-height:1.8;color:#2a2a2a;margin:0 0 16px}
.aboutEnvolclub .storySection .mainContent .textBlock p:last-child{margin:0}
.aboutEnvolclub .storySection .sideHighlight{background:linear-gradient(135deg,#ff44940a,#5571ff0a);padding:32px;border-radius:10px;box-shadow:2px 4px 25px 1px #5571ff1c;position:relative}
.aboutEnvolclub .storySection .sideHighlight::before,.aboutEnvolclub .storySection .sideHighlight::after{content:'';position:absolute;width:24px;height:24px;border:2px solid #5571FF}
.aboutEnvolclub .storySection .sideHighlight::before{top:8px;left:8px;border-right:none;border-bottom:none;border-radius:5px 0 0 0}
.aboutEnvolclub .storySection .sideHighlight::after{bottom:8px;right:8px;border-left:none;border-top:none;border-radius:0 0 5px 0}
.aboutEnvolclub .storySection .sideHighlight h3{font-size:20px;line-height:1.1;margin:0 0 16px;background:linear-gradient(72deg,#5571FF,#FF4494);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aboutEnvolclub .storySection .sideHighlight .pullQuote{font-size:20px;line-height:1.5;color:#2a2a2a;font-weight:500;font-style:italic;margin:0}
.aboutEnvolclub .teamValues{background:linear-gradient(72deg,#fcfcfcff 0%,#ff44940f 50%,#5571ff0f 100%);padding:64px 0;position:relative}
.aboutEnvolclub .teamValues::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:20px solid #5571ff26}
.aboutEnvolclub .teamValues .valueWrap{max-width:1200px;margin:0 auto;padding:0 24px}
.aboutEnvolclub .teamValues h2{font-size:36px;line-height:1.1;text-align:center;margin:0 0 64px;color:#2a2a2a;letter-spacing:-.01em}
.aboutEnvolclub .teamValues .cardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.aboutEnvolclub .teamValues .valueCard{background:#FCFCFC;padding:32px;border-radius:10px;box-shadow:2px 1px 4px 1px #ff44940f;transition:box-shadow .28s cubic-bezier(0.4,0,0.2,1),transform .28s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.aboutEnvolclub .teamValues .valueCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(72deg,#FF4494,#5571FF);transition:height .32s ease-in-out}
.aboutEnvolclub .teamValues input[type="radio"]{display:none}
.aboutEnvolclub .teamValues input[type="radio"]:checked + .valueCard{box-shadow:2px 10px 40px 1px #ff44941a;transform:translateY(-4px)}
.aboutEnvolclub .teamValues input[type="radio"]:checked + .valueCard::before{height:100%}
.aboutEnvolclub .teamValues .valueCard label{cursor:pointer;display:block}
.aboutEnvolclub .teamValues .valueCard h3{font-size:20px;line-height:1.1;margin:0 0 16px;background:linear-gradient(72deg,#5571FF,#FF4494);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aboutEnvolclub .teamValues .valueCard p{font-size:15px;line-height:1.5;color:#2a2a2a;margin:0}
.aboutEnvolclub .teamProfile{max-width:1200px;margin:0 auto;padding:64px 24px}
.aboutEnvolclub .teamProfile h2{font-size:26px;line-height:1.1;margin:0 0 64px;color:#2a2a2a;text-align:center}
.aboutEnvolclub .teamProfile .profileLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.aboutEnvolclub .teamProfile .profileItem{display:flex;flex-direction:column;align-items:center}
.aboutEnvolclub .teamProfile .profileImage{width:100%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;margin:0 0 16px;position:relative;box-shadow:2px 4px 25px 1px #5571ff1c}
.aboutEnvolclub .teamProfile .profileImage::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(72deg,#ff449426,#5571ff26);z-index:1;transition:opacity .36s ease-in-out}
.aboutEnvolclub .teamProfile .profileImage:hover::before{opacity:0}
.aboutEnvolclub .teamProfile .profileImage img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(0.4,0,0.2,1)}
.aboutEnvolclub .teamProfile .profileImage:hover img{transform:scale(1.06)}
.aboutEnvolclub .teamProfile .profileItem h3{font-size:20px;line-height:1.1;margin:0 0 8px;color:#2a2a2a;text-align:center}
.aboutEnvolclub .teamProfile .profileItem .roleLabel{font-size:15px;line-height:1.1;color:#5571FF;margin:0;text-align:center}
.aboutEnvolclub .codeBlock{max-width:1200px;margin:0 auto;padding:0 24px 64px}
.aboutEnvolclub .snippetDisplay{background:#2a2a2a;padding:24px;border-radius:5px;box-shadow:2px 10px 40px 1px #5571ff1a;position:relative;overflow:hidden}
.aboutEnvolclub .snippetDisplay::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="n"><feTurbulence baseFrequency="0.9" numOctaves="3"/></filter><rect width="100" height="100" filter="url(%23n)" opacity="0.03"/></svg>');pointer-events:none}
.aboutEnvolclub .snippetDisplay pre{margin:0;font-size:14px;line-height:1.8;color:#FCFCFC;font-family:'Courier New',monospace;overflow-x:auto}
.aboutEnvolclub .snippetDisplay .codeKeyword{color:#FF4494}
.aboutEnvolclub .snippetDisplay .codeValue{color:#5571FF}
@media (max-width: 1280px) {
.aboutEnvolclub .titleIntro{grid-template-columns:1fr;gap:24px}
.aboutEnvolclub .titleIntro .leftImage,.aboutEnvolclub .titleIntro .rightImage{height:240px}
.aboutEnvolclub .storySection{grid-template-columns:1fr;gap:32px}
.aboutEnvolclub .teamValues .cardsGrid{grid-template-columns:1fr}
.aboutEnvolclub .teamProfile .profileLayout{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.aboutEnvolclub .titleIntro{padding:32px 16px}
.aboutEnvolclub .titleIntro .centerText h1{font-size:26px;margin:0 0 16px}
.aboutEnvolclub .titleIntro .centerText p{font-size:15px}
.aboutEnvolclub .titleIntro .leftImage,.aboutEnvolclub .titleIntro .rightImage{height:200px}
.aboutEnvolclub .storySection{padding:32px 16px}
.aboutEnvolclub .storySection .mainContent h2{font-size:20px}
.aboutEnvolclub .storySection .mainContent .textBlock p{font-size:15px}
.aboutEnvolclub .teamValues{padding:32px 0}
.aboutEnvolclub .teamValues h2{font-size:26px;margin:0 0 32px}
.aboutEnvolclub .teamValues .valueWrap{padding:0 16px}
.aboutEnvolclub .teamProfile{padding:32px 16px}
.aboutEnvolclub .teamProfile h2{font-size:20px;margin:0 0 32px}
.aboutEnvolclub .codeBlock{padding:0 16px 32px}
}
.envolContactPage{background:linear-gradient(72deg,#FCFCFC 0%,#fff 100%);min-height:100vh;padding:0;margin:0}
.envolContactPage .heado-wrapper{max-width:1200px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:2fr 1fr;gap:64px;align-items:center}
.envolContactPage .textZone{padding:32px 24px 32px 64px}
.envolContactPage .imageZone{padding:24px;position:relative}
.envolContactPage .textZone h1{font-size:48px;line-height:1.1;margin:0 0 24px;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}
.envolContactPage .numerical-accent{display:block;font-size:26px;line-height:1.5;color:#FF4494;margin:0 0 8px;font-weight:600}
.envolContactPage .brief-explanation{font-size:17px;line-height:1.8;color:#444;margin:0}
.envolContactPage .imageZone img{width:100%;height:380px;object-fit:cover;border-radius:10px;border:4px solid #5571FF;position:relative;filter:brightness(0.75);transition:filter .35s cubic-bezier(0.4,0,0.2,1)}
.envolContactPage .imageZone img:hover{filter:brightness(1)}
.envolContactPage .imageZone::after{content:'';position:absolute;bottom:0;left:24px;right:24px;height:180px;background:linear-gradient(to top,#ff44944d 0%,transparent 100%);pointer-events:none;border-radius:0 0 10px 10px}
.envolContactPage .arrow-decoration{position:absolute;top:16px;right:40px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:24px solid #FF4494}
.envolContactPage .formSection{background:#fff;padding:64px 24px}
.envolContactPage .formContainer{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px}
.envolContactPage .formIntro{padding-right:32px}
.envolContactPage .formIntro h2{font-size:36px;line-height:1.1;margin:0 0 24px;color:#222;letter-spacing:-.01em}
.envolContactPage .formIntro p{font-size:17px;line-height:1.8;color:#555;margin:0 0 24px}
.envolContactPage .contact-form{display:flex;flex-direction:column;gap:24px}
.envolContactPage .formField{display:flex;flex-direction:column;gap:8px}
.envolContactPage .formField label{font-size:15px;color:#333;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.envolContactPage .formField input,.envolContactPage .formField select{padding:16px;border:3px solid #5571FF;border-radius:5px;font-size:17px;background:#FCFCFC;color:#333;transition:border-color .28s ease-in-out,box-shadow .28s ease-in-out;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.envolContactPage .formField input:focus,.envolContactPage .formField select:focus{outline:none;border-color:#FF4494;box-shadow:inset 2px 4px 8px #ff449426}
.envolContactPage .formField input::placeholder{color:#999;text-transform:uppercase;font-size:14px;letter-spacing:.05em}
.envolContactPage .formField select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%235571FF' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}
.envolContactPage .privacy-consent{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#FCFCFC;border-radius:5px;border:2px solid #e0e0e0;transition:border-color .3s cubic-bezier(0.4,0,0.2,1)}
.envolContactPage .privacy-consent:has(input:checked){border-color:#5571FF}
.envolContactPage .privacy-consent input[type="checkbox"]{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-top:4px;accent-color:#5571FF}
.envolContactPage .privacy-consent label{font-size:15px;line-height:1.8;color:#555;cursor:pointer;text-transform:none!important;letter-spacing:normal!important;font-weight:400!important}
.envolContactPage .privacy-consent a{color:#5571FF;text-decoration:none;border-bottom:1px solid #5571FF;transition:color .27s ease-in-out,border-color .27s ease-in-out}
.envolContactPage .privacy-consent a:hover{color:#FF4494;border-color:#FF4494}
.envolContactPage .privacy-consent a:visited{text-decoration:line-through}
.envolContactPage .submit-btn{padding:16px 32px;background:#fff;border:4px solid #5571FF;border-radius:10px;color:#5571FF;font-size:17px;font-weight:600;cursor:pointer;transition:box-shadow .32s cubic-bezier(0.4,0,0.2,1),background .32s cubic-bezier(0.4,0,0.2,1),color .32s cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;gap:16px;align-self:flex-start}
.envolContactPage .submit-btn:hover{box-shadow:inset 2px 6px 12px #5571ff33;background:#5571FF;color:#fff}
.envolContactPage .submit-btn:hover .btn-arrow{transform:translateX(8px)}
.envolContactPage .btn-arrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor;transition:transform .32s cubic-bezier(0.4,0,0.2,1)}
.envolContactPage .divider-gradient{height:4px;background:linear-gradient(90deg,#FF4494 0%,#5571FF 100%);margin:0}
.envolContactPage .infoSection{background:linear-gradient(72deg,#FCFCFC 0%,#fff 100%);padding:64px 24px}
.envolContactPage .infoGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
.envolContactPage .info-card{background:#fff;padding:32px;border-radius:10px;border:3px solid #e0e0e0;transition:border-color .35s ease-in-out,box-shadow .35s ease-in-out}
.envolContactPage .info-card:hover{border-color:#5571FF;box-shadow:2px 4px 25px 1px #5571ff1c}
.envolContactPage .info-card h3{font-size:20px;line-height:1.5;margin:0 0 16px;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.envolContactPage .info-detail{font-size:17px;line-height:1.8;color:#555;margin:0 0 8px}
.envolContactPage .info-label{color:#333;font-weight:600}
.envolContactPage .info-colon{color:#FF4494;margin-right:4px}
.envolContactPage .info-link{color:#5571FF;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .29s ease-in-out,color .29s ease-in-out}
.envolContactPage .info-link:hover{color:#FF4494;border-color:#FF4494}
.envolContactPage .info-link:visited{text-decoration:line-through}
.envolContactPage .accent-card{grid-column:span 1;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);color:#fff;padding:64px 32px}
.envolContactPage .accent-card h3{color:#fff;-webkit-text-fill-color:#fff;background:none;font-size:26px}
.envolContactPage .accent-card .info-detail{color:#fff}
.envolContactPage .accent-card .info-label{color:#fff}
.envolContactPage .accent-card .info-colon{color:#fff}
.envolContactPage .accent-card .info-link{color:#fff;border-bottom-color:#ffffff80}
.envolContactPage .accent-card .info-link:hover{border-bottom-color:#fff}
.envolContactPage .process-steps{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:32px 0 0}
.envolContactPage .step-item{flex:1;text-align:center}
.envolContactPage .step-number{width:56px;height:56px;border-radius:40px;background:#5571FF;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600;margin:0 auto 16px;transition:box-shadow .38s cubic-bezier(0.4,0,0.2,1),transform .38s cubic-bezier(0.4,0,0.2,1)}
.envolContactPage .step-item:hover .step-number{box-shadow:2px 10px 40px 1px #5571ff1a;transform:translateY(-4px)}
.envolContactPage .step-description{font-size:15px;line-height:1.5;color:#555}
@media (max-width: 1280px) {
.envolContactPage .heado-wrapper{grid-template-columns:1fr;gap:32px;padding:32px 24px}
.envolContactPage .textZone{padding:24px}
.envolContactPage .formContainer{grid-template-columns:1fr;gap:32px}
.envolContactPage .infoGrid{grid-template-columns:1fr 1fr}
.envolContactPage .accent-card{grid-column:span 2}
}
@media (max-width: 768px) {
.envolContactPage .heado-wrapper{padding:24px 16px}
.envolContactPage .textZone h1{font-size:36px}
.envolContactPage .numerical-accent{font-size:20px}
.envolContactPage .formSection{padding:32px 16px}
.envolContactPage .formIntro h2{font-size:26px}
.envolContactPage .infoSection{padding:32px 16px}
.envolContactPage .infoGrid{grid-template-columns:1fr}
.envolContactPage .accent-card{grid-column:span 1;padding:32px 24px}
.envolContactPage .process-steps{flex-direction:column}
.envolContactPage .imageZone img{height:280px}
}
.envolclubServicesPage{background:#FCFCFC;margin:0;padding:0;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.envolclubServicesPage .titleHero{background:linear-gradient(72deg,#ff449414 0%,#5571ff14 100%),repeating-linear-pattern;background-image:linear-gradient(72deg,#ff449414 0%,#5571ff14 100%),repeating-linear-gradient(45deg,transparent,transparent 10px,#5571ff08 10px,#5571ff08 20px);padding:64px 24px 96px;position:relative;overflow:hidden}
.envolclubServicesPage .titleHero::before{content:'';position:absolute;top:32px;left:24px;width:80px;height:80px;border:3px solid #ff449426;border-radius:40px;transform:rotate(15deg)}
.envolclubServicesPage .titleHero::after{content:'';position:absolute;bottom:40px;right:40px;width:120px;height:120px;background:linear-gradient(135deg,#5571ff1a 0%,transparent 70%);border-radius:40px;clip-path:polygon(0 0,100% 0,100% 100%)}
.envolclubServicesPage .heroInner{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:1}
.envolclubServicesPage .heroTitle{font-size:48px;line-height:1.1;letter-spacing:-.5px;margin:0 0 24px;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.envolclubServicesPage .heroPunctuation{color:#FF4494;-webkit-text-fill-color:initial}
.envolclubServicesPage .heroDescription{font-size:17px;line-height:1.5;color:#2a2a2a;max-width:680px;margin:0 auto}
.envolclubServicesPage .serviceExplore{max-width:1200px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:2fr 1fr;gap:64px;align-items:start}
.envolclubServicesPage .exploreTextArea{padding:24px 0}
.envolclubServicesPage .exploreHeading{font-size:36px;line-height:1.1;letter-spacing:-.3px;margin:0 0 24px;color:#1a1a1a}
.envolclubServicesPage .exploreParagraph{font-size:15px;line-height:1.8;color:#4a4a4a;margin:0 0 24px}
.envolclubServicesPage .exploreParagraph:last-child{margin-bottom:0}
.envolclubServicesPage .exploreMediaWrap{position:relative}
.envolclubServicesPage .exploreImage{width:100%;height:460px;object-fit:cover;border-radius:10px;border:4px solid #5571ff26;display:block;position:relative;transition:border-color .32s cubic-bezier(0.4,0,0.2,1)}
.envolclubServicesPage .exploreImage::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(72deg,#ff449433 0%,#5571ff33 100%);transition:opacity .35s ease-in-out;pointer-events:none}
.envolclubServicesPage .exploreMediaWrap:hover .exploreImage::before{opacity:0}
.envolclubServicesPage .exploreMediaWrap:hover .exploreImage{border-color:#ff449459}
.envolclubServicesPage .offeringsGrid{background:radial-gradient(ellipse at top,#5571ff0a,transparent 70%),#FCFCFC;padding:64px 24px;position:relative}
.envolclubServicesPage .offeringsGrid::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#5571ff33 50%,transparent)}
.envolclubServicesPage .offeringsGrid::after{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#ff449466;border-radius:5px}
.envolclubServicesPage .gridContainer{max-width:1200px;margin:0 auto}
.envolclubServicesPage .gridHeading{font-size:36px;line-height:1.1;letter-spacing:-.3px;margin:0 0 64px;text-align:center;color:#1a1a1a}
.envolclubServicesPage .offerCards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.envolclubServicesPage .offerCard{background:#fff;padding:32px;border-radius:10px;border:3px solid #5571ff1f;transition:box-shadow .28s cubic-bezier(0.4,0,0.2,1),border-color .28s cubic-bezier(0.4,0,0.2,1)}
.envolclubServicesPage .offerCard:hover{box-shadow:2px 4px 25px 1px #ff44941c;border-color:#ff449440}
.envolclubServicesPage .cardIcon{width:56px;height:56px;background:linear-gradient(72deg,#ff44941a 0%,#5571ff1a 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.envolclubServicesPage .cardIconSvg{width:28px;height:28px;fill:none;stroke:#5571FF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.envolclubServicesPage .cardTitle{font-size:20px;line-height:1.1;margin:0 0 16px;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.envolclubServicesPage .cardText{font-size:14px;line-height:1.5;color:#5a5a5a;margin:0}
.envolclubServicesPage .processTimeline{max-width:1200px;margin:0 auto;padding:64px 24px;position:relative}
.envolclubServicesPage .processTimeline::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,#5571ff08,transparent 40%),radial-gradient(circle at 100% 100%,#ff449408,transparent 40%);pointer-events:none;z-index:0}
.envolclubServicesPage .timelineInner{position:relative;z-index:1}
.envolclubServicesPage .processHeading{font-size:36px;line-height:1.1;letter-spacing:-.3px;margin:0 0 64px;text-align:center;color:#1a1a1a}
.envolclubServicesPage .timelineSteps{position:relative}
.envolclubServicesPage .timelineSteps::before{content:'';position:absolute;top:32px;left:32px;bottom:32px;width:2px;background:linear-gradient(180deg,#5571ff4d 0%,#ff44944d 100%)}
.envolclubServicesPage .stepItem{position:relative;padding:0 0 64px 88px}
.envolclubServicesPage .stepItem:last-child{padding-bottom:0}
.envolclubServicesPage .stepNumber{position:absolute;left:0;top:0;width:64px;height:64px;background:#fff;border:4px solid #5571ff33;border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#5571FF;transition:all .3s ease-in-out}
.envolclubServicesPage .stepItem:hover .stepNumber{border-color:#ff449466;box-shadow:inset 2px 4px 8px #5571ff26;color:#FF4494}
.envolclubServicesPage .stepTitle{font-size:26px;line-height:1.1;margin:0 0 16px;color:#1a1a1a}
.envolclubServicesPage .stepDescription{font-size:15px;line-height:1.8;color:#4a4a4a;margin:0}
.envolclubServicesPage .linkInContent{color:#5571FF;text-decoration:underline;transition:color .26s ease-in-out}
.envolclubServicesPage .linkInContent:hover{color:#FF4494}
.envolclubServicesPage .linkInContent:visited{text-decoration:line-through}
@media (max-width: 1280px) {
.envolclubServicesPage .serviceExplore{grid-template-columns:1fr;gap:32px}
.envolclubServicesPage .exploreMediaWrap{order:-1}
.envolclubServicesPage .offerCards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.envolclubServicesPage .titleHero{padding:48px 16px 64px}
.envolclubServicesPage .heroTitle{font-size:36px}
.envolclubServicesPage .serviceExplore{padding:48px 16px}
.envolclubServicesPage .exploreHeading,.envolclubServicesPage .gridHeading,.envolclubServicesPage .processHeading{font-size:26px}
.envolclubServicesPage .exploreImage{height:320px}
.envolclubServicesPage .offeringsGrid{padding:48px 16px}
.envolclubServicesPage .gridHeading{margin-bottom:32px}
.envolclubServicesPage .offerCards{grid-template-columns:1fr;gap:24px}
.envolclubServicesPage .processTimeline{padding:48px 16px}
.envolclubServicesPage .processHeading{margin-bottom:48px}
.envolclubServicesPage .timelineSteps::before{left:24px}
.envolclubServicesPage .stepItem{padding-left:72px;padding-bottom:48px}
.envolclubServicesPage .stepNumber{width:48px;height:48px;font-size:17px}
.envolclubServicesPage .stepTitle{font-size:20px}
}
.envolclubHome{background:#FCFCFC;overflow-x:clip}
.envolclubHome .heado-container{max-width:1200px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:2fr 1fr;gap:64px;align-items:center;position:relative}
.envolclubHome .heado-container::after{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:linear-gradient(72deg,#FF4494,#5571FF);opacity:.3}
.envolclubHome .titleContent{position:relative;animation:dropInTitle .7s cubic-bezier(0.4,0,0.2,1) forwards;opacity:0}
@keyframes dropInTitle {
from{opacity:0;transform:translateY(-32px)}
to{opacity:1;transform:translateY(0)}
}
.envolclubHome .titleContent h1{font-size:48px;line-height:1.1;letter-spacing:-.02em;margin:0 0 24px;background:linear-gradient(72deg,#5571FF,#FF4494);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.envolclubHome .titleContent h1 .underlineKeyword{position:relative;-webkit-text-fill-color:#FF4494;text-decoration:underline;text-decoration-color:#5571FF;text-decoration-thickness:2px;text-underline-offset:4px}
.envolclubHome .titleContent p{font-size:17px;line-height:1.8;color:#333;margin:0}
.envolclubHome .titleVisual{position:relative;border-radius:10px;overflow:hidden;animation:dropInImage .8s cubic-bezier(0.4,0,0.2,1) .15s forwards;opacity:0}
@keyframes dropInImage {
from{opacity:0;transform:translateY(-32px)}
to{opacity:1;transform:translateY(0)}
}
.envolclubHome .titleVisual img{width:100%;height:380px;object-fit:cover;display:block;filter:brightness(0.7);transition:filter .35s cubic-bezier(0.4,0,0.2,1)}
.envolclubHome .titleVisual::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#5571ff1a 0px,#5571ff1a 2px,transparent 2px,transparent 4px);pointer-events:none;opacity:.4;transition:opacity .35s cubic-bezier(0.4,0,0.2,1)}
.envolclubHome .titleVisual:hover img{filter:brightness(1)}
.envolclubHome .titleVisual:hover::after{opacity:0}
.envolclubHome .dividerTriangle{width:100%;height:64px;position:relative;overflow:hidden}
.envolclubHome .dividerTriangle svg{position:absolute;left:-8%;bottom:0;width:24%;height:100%}
.envolclubHome .servicesWrap{background:linear-gradient(135deg,#ff44940a,#5571ff0a);padding:64px 24px}
.envolclubHome .servicesWrap .servicesInner{max-width:1200px;margin:0 auto}
.envolclubHome .servicesWrap h2{font-size:36px;line-height:1.1;color:#222;margin:0 0 16px;text-align:center;letter-spacing:-.01em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;animation:dropInServices .7s cubic-bezier(0.4,0,0.2,1) .2s forwards;opacity:0}
@keyframes dropInServices {
from{opacity:0;transform:translateY(-24px)}
to{opacity:1;transform:translateY(0)}
}
.envolclubHome .servicesWrap .servicesIntro{font-size:17px;line-height:1.8;color:#444;text-align:center;max-width:720px;margin:0 auto 48px;animation:dropInServices .7s cubic-bezier(0.4,0,0.2,1) .3s forwards;opacity:0}
.envolclubHome .servicesGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;animation:dropInServices .7s cubic-bezier(0.4,0,0.2,1) .4s forwards;opacity:0}
.envolclubHome .serviceCard{background:#FCFCFC;border:3px solid #FF4494;border-radius:10px;padding:32px;position:relative;transition:box-shadow .3s cubic-bezier(0.4,0,0.2,1)}
.envolclubHome .serviceCard:hover{box-shadow:inset 2px 4px 25px 1px #5571ff1c}
.envolclubHome .serviceCard--primary{display:flex;flex-direction:column;gap:24px}
.envolclubHome .serviceCard--primary img{width:100%;height:240px;object-fit:cover;border-radius:5px;filter:saturate(0.6);transition:filter .35s ease-in-out}
.envolclubHome .serviceCard--primary:hover img{filter:saturate(1)}
.envolclubHome .serviceCard h3{font-size:20px;line-height:1.5;margin:0 0 16px;background:linear-gradient(72deg,#5571FF,#FF4494);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.envolclubHome .serviceCard p{font-size:15px;line-height:1.8;color:#555;margin:0}
.envolclubHome .timelineSection{max-width:1200px;margin:0 auto;padding:64px 24px}
.envolclubHome .timelineSection h2{font-size:36px;line-height:1.1;color:#222;margin:0 0 64px;text-align:center;letter-spacing:-.01em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.envolclubHome .timelineTrack{position:relative;padding:0 0 0 48px}
.envolclubHome .timelineTrack::before{content:'';position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(72deg,#FF4494,#5571FF)}
.envolclubHome .timelineItem{position:relative;margin:0 0 48px;padding:0 0 0 32px;animation:dropInTimeline .6s cubic-bezier(0.4,0,0.2,1) forwards;opacity:0}
.envolclubHome .timelineItem:nth-child(1){animation-delay:.2s}
.envolclubHome .timelineItem:nth-child(2){animation-delay:.35s;margin-left:120px}
.envolclubHome .timelineItem:nth-child(3){animation-delay:.5s}
.envolclubHome .timelineItem:nth-child(4){animation-delay:.65s;margin-left:120px}
@keyframes dropInTimeline {
from{opacity:0;transform:translateY(-16px)}
to{opacity:1;transform:translateY(0)}
}
.envolclubHome .timelineItem::before{content:'';position:absolute;left:-40px;top:8px;width:12px;height:12px;background:#FF4494;border-radius:40px;box-shadow:2px 4px 25px 1px #ff44941c}
.envolclubHome .timelineItem h4{font-size:20px;line-height:1.5;margin:0 0 8px;color:#222;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.envolclubHome .timelineItem p{font-size:15px;line-height:1.8;color:#555;margin:0}
.envolclubHome .statsBlock{background:linear-gradient(135deg,#5571ff0f,#ff44940f);padding:64px 24px;position:relative}
.envolclubHome .statsBlock::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(72deg,#FF4494,#5571FF)}
.envolclubHome .statsInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.envolclubHome .statsContent h2{font-size:36px;line-height:1.1;color:#222;margin:0 0 24px;letter-spacing:-.01em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.envolclubHome .statsContent p{font-size:17px;line-height:1.8;color:#444;margin:0 0 32px}
.envolclubHome .metricsList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.envolclubHome .metricsList li{display:flex;align-items:baseline;gap:8px;font-size:15px;line-height:1.8;color:#555}
.envolclubHome .metricsList li::before{content:'';display:inline-block;width:6px;height:6px;background:#5571FF;border-radius:40px;flex-shrink:0;margin-top:8px}
.envolclubHome .statsVisual{position:relative}
.envolclubHome .statsVisual img{width:100%;height:420px;object-fit:cover;border-radius:10px;filter:saturate(0.7);transition:filter .35s cubic-bezier(0.4,0,0.2,1)}
.envolclubHome .statsVisual:hover img{filter:saturate(1)}
.envolclubHome .ctaSection{max-width:1200px;margin:0 auto;padding:64px 24px}
.envolclubHome .ctaWrapper{background:#FCFCFC;border:4px solid #5571FF;border-radius:10px;padding:48px;text-align:center;position:relative;transition:box-shadow .3s ease-in-out}
.envolclubHome .ctaWrapper:hover{box-shadow:inset 2px 10px 40px 1px #ff44941a}
.envolclubHome .ctaWrapper h2{font-size:36px;line-height:1.1;margin:0 0 16px;background:linear-gradient(72deg,#5571FF,#FF4494);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.envolclubHome .ctaWrapper p{font-size:17px;line-height:1.8;color:#444;margin:0 0 32px;max-width:640px;margin-left:auto;margin-right:auto}
.envolclubHome .ctaBtn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#FCFCFC;border:3px solid #FF4494;border-radius:10px;font-size:17px;color:#222;text-decoration:none;transition:box-shadow .28s cubic-bezier(0.4,0,0.2,1);position:relative;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.envolclubHome .ctaBtn:hover{box-shadow:inset 2px 4px 25px 1px #5571ff1c}
.envolclubHome .ctaBtn svg{width:20px;height:20px;fill:#5571FF;transition:transform .28s cubic-bezier(0.4,0,0.2,1)}
.envolclubHome .ctaBtn:hover svg{transform:translateX(4px)}
@media (max-width: 1280px) {
.envolclubHome .heado-container{grid-template-columns:1fr;gap:32px}
.envolclubHome .heado-container::after{display:none}
.envolclubHome .servicesGrid{grid-template-columns:1fr}
.envolclubHome .statsInner{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.envolclubHome .heado-container{padding:32px 16px}
.envolclubHome .titleContent h1{font-size:36px}
.envolclubHome .titleVisual img{height:280px}
.envolclubHome .servicesWrap{padding:32px 16px}
.envolclubHome .servicesWrap h2{font-size:26px}
.envolclubHome .servicesGrid{gap:16px}
.envolclubHome .serviceCard{padding:24px}
.envolclubHome .serviceCard--primary img{height:180px}
.envolclubHome .timelineSection{padding:32px 16px}
.envolclubHome .timelineSection h2{font-size:26px;margin:0 0 32px}
.envolclubHome .timelineItem:nth-child(2),.envolclubHome .timelineItem:nth-child(4){margin-left:0}
.envolclubHome .statsBlock{padding:32px 16px}
.envolclubHome .statsContent h2{font-size:26px}
.envolclubHome .statsVisual img{height:320px}
.envolclubHome .ctaSection{padding:32px 16px}
.envolclubHome .ctaWrapper{padding:32px 24px}
.envolclubHome .ctaWrapper h2{font-size:26px}
}
.successPagina{background:linear-gradient(72deg,#FF4494 0%,#FCFCFC 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:64px 24px}
.successPagina .wrapperCenter{max-width:680px;width:100%;background:#FCFCFC;padding:64px;border-radius:10px;box-shadow:2px 10px 40px 1px #ff44941a;text-align:center}
.successPagina .iconCheck{width:88px;height:88px;margin:0 auto 32px;border:5px solid #FF4494;border-radius:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(72deg,#FF4494 0%,#5571FF 100%);box-shadow:2px 4px 25px 1px #5571ff1c}
.successPagina .iconCheck svg{width:48px;height:48px;stroke:#FCFCFC;stroke-width:4;fill:none}
.successPagina .titleSuccess{font-size:36px;line-height:1.1;letter-spacing:-.02em;margin:0 0 16px;background:linear-gradient(72deg,#5571FF 0%,#FF4494 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.successPagina .descriptionMain{font-size:17px;line-height:1.5;color:#2a2a2a;margin:0 0 24px;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.successPagina .infoConfirm{background:linear-gradient(72deg,#ff449408 0%,#5571ff08 100%);padding:24px;border-radius:10px;margin:0 0 32px;text-align:left;border:2px solid #5571ff14}
.successPagina .infoConfirm p{font-size:15px;line-height:1.5;color:#4a4a4a;margin:0;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.successPagina .infoConfirm strong{color:#FF4494;font-weight:600}
.successPagina .contactDetails{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 32px;text-align:left}
.successPagina .detailRow{display:flex;align-items:center;gap:16px;padding:16px;background:#fcfcfc99;border-radius:5px;border:2px solid #5571ff1f;transition:border-color .28s ease-in-out,box-shadow .28s ease-in-out}
.successPagina .detailRow:hover{border-color:#ff44944d;box-shadow:inset 2px 1px 4px 1px #ff44940f}
.successPagina .iconDetail{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(72deg,#FF4494 0%,#5571FF 100%);border-radius:40px}
.successPagina .iconDetail svg{width:22px;height:22px;stroke:#FCFCFC;stroke-width:2;fill:none}
.successPagina .detailText{flex:1}
.successPagina .detailLabel{font-size:14px;line-height:1.1;color:#6a6a6a;margin:0 0 4px;text-transform:uppercase;letter-spacing:.03em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.successPagina .detailValue{font-size:15px;line-height:1.5;color:#2a2a2a;margin:0;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.successPagina .detailValue a{color:#5571FF;text-decoration:none;transition:color .27s cubic-bezier(0.4,0,0.2,1)}
.successPagina .detailValue a:hover{color:#FF4494}
.successPagina .detailValue a:visited{text-decoration:line-through;text-decoration-color:#5571ff4d}
.successPagina .btnHome{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:17px;line-height:1.1;color:#2a2a2a;background:#FCFCFC;border:4px solid #FF4494;border-radius:5px;text-decoration:none;transition:box-shadow .3s cubic-bezier(0.4,0,0.2,1),border-color .3s cubic-bezier(0.4,0,0.2,1);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;cursor:pointer}
.successPagina .btnHome:hover{box-shadow:inset 2px 4px 25px 1px #ff44941c;border-color:#5571FF}
.successPagina .btnHome svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;transition:transform .35s ease-in-out}
.successPagina .btnHome:hover svg{transform:translateX(4px)}
@media (max-width: 768px) {
.successPagina{padding:32px 16px}
.successPagina .wrapperCenter{padding:32px 24px}
.successPagina .titleSuccess{font-size:26px}
.successPagina .iconCheck{width:72px;height:72px;margin:0 auto 24px}
.successPagina .iconCheck svg{width:38px;height:38px}
.successPagina .contactDetails{gap:8px}
.successPagina .detailRow{flex-direction:column;text-align:center;gap:8px;padding:16px}
.successPagina .btnHome{width:100%;justify-content:center}
}