*{box-sizing:inherit;margin:0;padding:0}
html{box-sizing:border-box}
body{font-family:'Lexend',sans-serif;background:#FAFAFA;color:#1A1A1A;line-height:1.6;overflow-x:hidden}
.headwrap{max-width:1440px;margin:0 auto;padding:28px 40px;background:linear-gradient(135deg,#FFF 0%,#F8F5FA 100%);box-shadow:0 4px 20px #9621b914;border-radius:0 0 24px 24px}
.toprow{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative}
.logobox{flex-shrink:0}
.logoimg{height:90px;width:90px;display:block;transition:transform .3s ease;box-shadow:0 2px 12px #9621b926;border-radius:18px}
.logobox a:hover .logoimg{transform:scale(1.05)}
.mainnavi{display:flex;gap:32px;align-items:center;flex-wrap:wrap;justify-content:flex-end;padding-left:20px}
.mainnavi .navlink{font-size:16px;font-weight:400;color:#2A2A2A;text-decoration:none;padding:10px 18px;border-radius:20px;transition:background .2s ease,color .2s ease;white-space:nowrap}
.mainnavi .navlink:hover{background:#9621b91a;color:#9621B9}
.bottomrow{text-align:center;padding-top:18px;border-top:2px solid #9621b91f}
.companyname{font-size:32px;font-weight:700;color:#9621B9;margin:0;letter-spacing:.5px}
.footwrap{max-width:1440px;margin:0 auto;padding:60px 40px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;background:linear-gradient(135deg,#FFF 0%,#F5F0F8 100%);border-top:3px solid #9621b926}
.footsection{padding:20px;border-radius:20px;background:#e3c9eb26}
.foottitle{font-size:20px;font-weight:700;color:#9621B9;margin-bottom:16px}
.foottext{font-size:15px;color:#3A3A3A;margin-bottom:10px;line-height:1.7}
.footsection-legal nav{display:flex;flex-direction:column;gap:12px}
.footlink{color:#2A2A2A;text-decoration:none;font-size:15px;transition:color .2s ease;display:inline-block}
.footlink:hover{color:#9621B9}
.footbottom{max-width:1440px;margin:0 auto;padding:24px 40px;text-align:center;background:#FFF;border-top:1px solid #9621b91a}
.copyright{font-size:14px;color:#666}
.cookiebox{position:fixed;bottom:40px;right:40px;max-width:520px;background:#FFF;border-radius:28px;box-shadow:0 12px 48px #9621b940;padding:32px;z-index:10000;animation:bounceIn .8s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes bounceIn {
0%{transform:translateY(100px) scale(0.8);opacity:0}
50%{transform:translateY(-20px) scale(1.05)}
100%{transform:translateY(0) scale(1);opacity:1}
}
.cookieinner{display:flex;flex-direction:column;gap:20px}
.cookietitle{font-size:22px;font-weight:700;color:#9621B9;margin-bottom:8px}
.cookietext{font-size:15px;color:#4A4A4A;line-height:1.6}
.cookiegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0}
.cookiecard{background:linear-gradient(135deg,#e3c9eb33 0%,#9621b90d 100%);padding:16px;border-radius:18px;border:2px solid #9621b926}
.cardtitle{font-size:16px;font-weight:700;color:#2A2A2A;margin-bottom:6px}
.cardtext{font-size:13px;color:#666;margin-bottom:10px;line-height:1.5}
.cookiecheck{width:20px;height:20px;cursor:pointer}
.cookieactions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.cookiebutt{padding:12px 20px;border-radius:20px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}
.cookiebutt-accept{background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);color:#FFF;flex:1;min-width:140px}
.cookiebutt-accept:hover{box-shadow:0 6px 20px #9621b966;transform:translateY(-2px)}
.cookiebutt-reject{background:#E8E8E8;color:#2A2A2A;flex:1;min-width:140px}
.cookiebutt-reject:hover{background:#D4D4D4}
.cookiebutt-save{background:#E3C9EB;color:#5A1A6B;flex:1;min-width:140px}
.cookiebutt-save:hover{background:#D4B5DC}
.cookiebutt-nosale{background:#FFF;color:#9621B9;border:2px solid #9621B9;flex:1;min-width:140px}
.cookiebutt-nosale:hover{background:#9621b91a}
.cookiebutt-info{background:transparent;color:#9621B9;border:2px solid #9621B9;padding:10px 18px}
.cookiebutt-info:hover{background:#9621b91a}
.cookiesettings{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);border:none;cursor:pointer;box-shadow:0 6px 24px #9621b966;z-index:9999;transition:all .3s ease}
.cookiesettings:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 8px 32px #9621b999}
.settingsicon{font-size:28px;color:#FFF;line-height:1}
@media (max-width: 968px) {
.headwrap{padding:20px 24px}
.toprow{flex-direction:column;gap:20px;align-items:stretch}
.logobox{text-align:center}
.mainnavi{justify-content:center;padding-left:0;gap:16px}
.mainnavi .navlink{font-size:15px;padding:8px 14px}
.companyname{font-size:26px}
.footwrap{grid-template-columns:1fr;padding:40px 24px 30px;gap:32px}
.cookiebox{bottom:20px;right:20px;left:20px;max-width:none;padding:24px}
.cookiegrid{grid-template-columns:1fr}
.cookieactions{flex-direction:column}
.cookiebutt{width:100%}
}
@media (max-width: 580px) {
.logoimg{height:70px;width:70px}
.mainnavi{flex-direction:column;gap:10px}
.mainnavi .navlink{width:100%;text-align:center}
.companyname{font-size:22px}
.cookietitle{font-size:19px}
.cookietext{font-size:14px}
}
.legal-area-z{max-width:900px;margin:0 auto;padding:80px 24px;background:#fff}
.legal-area-z p{font-size:17px;line-height:1.75;color:#2d2d2d;margin:0 0 24px;font-weight:400}
.legal-area-z p:last-child{margin-bottom:0}
.legal-area-z ul,.legal-area-z ol{margin:0 0 28px;padding-left:32px;color:#2d2d2d}
.legal-area-z ul{list-style-type:disc}
.legal-area-z ol{list-style-type:decimal}
.legal-area-z li{font-size:17px;line-height:1.75;margin-bottom:12px;padding-left:8px}
.legal-area-z li:last-child{margin-bottom:0}
.legal-area-z ul ul,.legal-area-z ol ol,.legal-area-z ul ol,.legal-area-z ol ul{margin-top:12px;margin-bottom:12px}
.legal-area-z strong,.legal-area-z b{font-weight:700;color:#1a1a1a}
.legal-area-z em,.legal-area-z i{font-style:italic;color:#3d3d3d}
.legal-area-z a{color:#9621B9;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:border-color .25s ease,color .25s ease}
.legal-area-z a:hover{color:#C8281B;border-bottom-color:#C8281B}
.legal-area-z a:focus{outline:3px solid #E3C9EB;outline-offset:3px;border-radius:3px}
.legal-area-z p + ul,.legal-area-z p + ol{margin-top:-8px}
.legal-area-z ul + p,.legal-area-z ol + p{margin-top:8px}
@media (max-width: 768px) {
.legal-area-z{padding:60px 20px}
.legal-area-z p{font-size:16px;line-height:1.7;margin-bottom:20px}
.legal-area-z ul,.legal-area-z ol{padding-left:24px;margin-bottom:24px}
.legal-area-z li{font-size:16px;margin-bottom:10px}
}
@media (max-width: 480px) {
.legal-area-z{padding:48px 16px}
.legal-area-z p{font-size:15px;margin-bottom:18px}
.legal-area-z ul,.legal-area-z ol{padding-left:20px;margin-bottom:20px}
.legal-area-z li{font-size:15px;padding-left:4px}
}
.title-outer{max-width:1440px;margin:0 auto;padding:80px 20px;position:relative}
.collage-wrap{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,120px);gap:16px;max-width:1200px;margin:0 auto;position:relative}
.img-frag{overflow:hidden;border-radius:24px;position:relative}
.img-frag img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.img-frag:hover img{transform:scale(1.08)}
.frag-a{grid-column:1 / 4;grid-row:1 / 3;z-index:2}
.frag-b{grid-column:4 / 7;grid-row:1 / 4;z-index:3;box-shadow:0 20px 60px #9621b940}
.frag-c{grid-column:7 / 9;grid-row:2 / 5;z-index:2}
.text-overlay{position:absolute;bottom:40px;left:20px;right:20px;z-index:10;background:linear-gradient(135deg,#9621b9f2 0%,#c8281beb 100%);padding:48px 56px;border-radius:28px;box-shadow:0 24px 80px #0006;max-width:900px;margin:0 auto}
.text-overlay h1{font-size:3.2rem;color:#fff;margin:0 0 20px;line-height:1.2;font-weight:700}
.text-overlay .meta-desc{font-size:1.25rem;color:#fffffff2;line-height:1.6;margin:0}
.prep-foundation{max-width:1440px;margin:0 auto;padding:100px 20px;background:linear-gradient(165deg,#f8f4fb 0%,#fff 100%)}
.foundation-inner{max-width:1100px;margin:0 auto}
.foundation-inner h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 28px;font-weight:700;position:relative;display:inline-block}
.foundation-inner h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#9621B9 0%,#C8281B 100%);border-radius:2px}
.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px}
.foundation-card{background:#fff;padding:40px 32px;border-radius:20px;box-shadow:0 8px 32px #9621b91f;transition:all .4s ease;border:2px solid transparent}
.foundation-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #9621b938;border-color:#E3C9EB}
.foundation-card h3{font-size:1.5rem;color:#9621B9;margin:0 0 16px;font-weight:600}
.foundation-card p{font-size:1.05rem;color:#4a4a4a;line-height:1.7;margin:0}
.tech-essentials{max-width:1440px;margin:0 auto;padding:100px 20px}
.tech-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.tech-content h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 32px;font-weight:700}
.tech-list{list-style:none;padding:0;margin:0}
.tech-list li{padding:20px 0 20px 48px;position:relative;font-size:1.1rem;color:#3a3a3a;line-height:1.6;border-bottom:1px solid #e8e8e8}
.tech-list li:last-child{border-bottom:none}
.tech-list li::before{content:'';position:absolute;left:0;top:22px;width:28px;height:28px;background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);border-radius:50%;box-shadow:0 4px 12px #9621b94d}
.tech-visual{position:relative}
.tech-visual img{width:100%;height:auto;border-radius:28px;box-shadow:0 20px 60px #00000026}
.skills-checklist{max-width:1440px;margin:0 auto;padding:100px 20px;background:linear-gradient(279deg,#9621b914 0%,#c8281b0d 50%,#e3c9eb1f 100%)}
.checklist-inner{max-width:1100px;margin:0 auto}
.checklist-inner h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 24px;font-weight:700;text-align:center}
.checklist-inner .intro-text{font-size:1.15rem;color:#4a4a4a;line-height:1.7;text-align:center;max-width:800px;margin:0 auto 64px}
.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.skill-item{background:#fff;padding:32px 36px;border-radius:18px;display:flex;align-items:flex-start;gap:20px;box-shadow:0 6px 24px #00000014;transition:all .3s ease;border-left:4px solid #9621B9}
.skill-item:hover{box-shadow:0 12px 36px #9621b92e;transform:translateX(4px)}
.skill-icon{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}
.skill-info h4{font-size:1.3rem;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.skill-info p{font-size:1rem;color:#5a5a5a;line-height:1.6;margin:0}
.readiness-check{max-width:1440px;margin:0 auto;padding:100px 20px 120px}
.readiness-inner{max-width:1000px;margin:0 auto;background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);padding:80px 60px;border-radius:32px;box-shadow:0 24px 72px #9621b94d;text-align:center}
.readiness-inner h2{font-size:2.8rem;color:#fff;margin:0 0 24px;font-weight:700}
.readiness-inner p{font-size:1.2rem;color:#fffffff2;line-height:1.7;margin:0 0 48px}
.check-items{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:56px}
.check-box{background:#ffffff26;padding:32px 24px;border-radius:20px;backdrop-filter:blur(10px);transition:all .3s ease}
.check-box:hover{background:#ffffff40;transform:scale(1.05)}
.check-box svg{width:56px;height:56px;margin-bottom:16px}
.check-box h5{font-size:1.2rem;color:#fff;margin:0 0 12px;font-weight:600}
.check-box p{font-size:.95rem;color:#ffffffe6;line-height:1.5;margin:0}
.cta-buttons{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.butt-primary{background:#fff;color:#9621B9;padding:18px 48px;border-radius:28px;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 8px 24px #0003}
.butt-primary:hover{background:#E3C9EB;transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}
.butt-secondary{background:transparent;color:#fff;padding:18px 48px;border-radius:28px;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;border:2px solid #fff}
.butt-secondary:hover{background:#ffffff26;transform:translateY(-3px)}
@media (max-width: 1024px) {
.collage-wrap{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,100px)}
.frag-a{grid-column:1 / 4;grid-row:1 / 3}
.frag-b{grid-column:3 / 7;grid-row:2 / 5}
.frag-c{grid-column:1 / 4;grid-row:4 / 6}
.text-overlay h1{font-size:2.4rem}
.foundation-grid{grid-template-columns:repeat(2,1fr)}
.tech-inner{grid-template-columns:1fr;gap:48px}
.check-items{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.title-outer{padding:60px 16px}
.collage-wrap{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,80px);gap:12px}
.frag-a{grid-column:1 / 3;grid-row:1 / 3}
.frag-b{grid-column:2 / 5;grid-row:2 / 5}
.frag-c{grid-column:1 / 4;grid-row:5 / 7}
.text-overlay{padding:32px 28px;bottom:20px}
.text-overlay h1{font-size:1.9rem}
.text-overlay .meta-desc{font-size:1.05rem}
.prep-foundation,.tech-essentials,.skills-checklist,.readiness-check{padding:60px 16px}
.foundation-inner h2,.checklist-inner h2{font-size:2rem}
.foundation-grid{grid-template-columns:1fr;gap:24px}
.skills-grid{grid-template-columns:1fr}
.readiness-inner{padding:48px 32px}
.readiness-inner h2{font-size:2rem}
.cta-buttons{flex-direction:column;align-items:stretch}
.butt-primary,.butt-secondary{text-align:center}
}
.hero-outer{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;background:linear-gradient(135deg,#f8f5fa 0%,#e8e0f0 100%)}
.hero-inner{max-width:1440px;margin:0 auto;padding:80px 24px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.herotxt{z-index:2}
.herotxt h1{font-size:3.2rem;line-height:1.15;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.herotxt h1::before{content:'';display:block;width:60px;height:5px;background:linear-gradient(90deg,#9621B9 0%,#C8281B 100%);margin-bottom:20px;border-radius:3px}
.herotxt p{font-size:1.2rem;line-height:1.7;color:#4a4a4a;margin:0}
.heroimg{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #9621b926}
.heroimg img{width:100%;height:480px;object-fit:cover;display:block;animation:gentlepulse 8s ease-in-out infinite}
@keyframes gentlepulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.03)}
}
.hero-outer::after{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#e3c9eb66 0%,transparent 70%);animation:colorshift 12s ease-in-out infinite;border-radius:50%}
@keyframes colorshift {
0%,100%{opacity:.4;transform:translate(0,0)}
50%{opacity:.6;transform:translate(-30px,30px)}
}
.engage-wrap{max-width:1440px;margin:0 auto;padding:100px 24px}
.engage-head{text-align:center;margin-bottom:60px}
.engage-head h2{font-size:2.6rem;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.engage-head h2::after{content:'';display:block;width:80px;height:4px;background:#9621B9;margin:20px auto 0;border-radius:2px}
.engage-head p{font-size:1.15rem;color:#5a5a5a;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.engage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.engage-card{background:#fff;padding:40px 32px;border-radius:20px;box-shadow:0 8px 24px #0000000f;transition:all .3s ease;border:2px solid transparent}
.engage-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #9621b91f;border-color:#E3C9EB}
.engage-card h3{font-size:1.5rem;margin:0 0 16px;color:#9621B9;font-weight:600}
.engage-card p{font-size:1.05rem;line-height:1.6;color:#4a4a4a;margin:0}
.bizsol-outer{background:linear-gradient(170deg,#9621B9 0%,#7a1a99 50%,#C8281B 100%);padding:90px 24px;position:relative;overflow:hidden}
.bizsol-outer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(./visual_archive/ready_0005.jpg) center/cover;opacity:.08;mix-blend-mode:overlay}
.bizsol-inner{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.bizsol-content{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}
.bizsol-txt h2{font-size:2.8rem;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.2}
.bizsol-txt p{font-size:1.15rem;color:#f0e0f5;line-height:1.7;margin:0 0 32px}
.bizsol-butt{display:inline-block;padding:16px 40px;background:#fff;color:#9621B9;border-radius:28px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 8px 20px #00000026}
.bizsol-butt:hover{transform:scale(1.05);box-shadow:0 12px 32px #00000040;color:#9621B9}
.bizsol-features{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.biz-feat-item{background:#ffffff1f;padding:28px;border-radius:16px;border-left:4px solid #E3C9EB;backdrop-filter:blur(10px)}
.biz-feat-item h4{font-size:1.3rem;color:#fff;margin:0 0 12px;font-weight:600}
.biz-feat-item p{font-size:1rem;color:#f0e0f5;margin:0;line-height:1.5}
.certdoc-wrapper{max-width:1440px;margin:0 auto;padding:100px 24px}
.certdoc-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}
.certdoc-info h2{font-size:2.5rem;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.certdoc-info h2::before{content:'📜';display:inline-block;margin-right:12px}
.certdoc-info p{font-size:1.1rem;color:#4a4a4a;line-height:1.7;margin:0 0 32px}
.certdoc-list{list-style:none;padding:0;margin:0}
.certdoc-list li{padding:20px 0 20px 48px;border-bottom:1px solid #e0e0e0;position:relative;font-size:1.05rem;color:#3a3a3a}
.certdoc-list li::before{content:'✓';position:absolute;left:0;top:20px;width:32px;height:32px;background:linear-gradient(135deg,#9621B9,#C8281B);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.certdoc-visual{background:#f8f5fa;padding:40px;border-radius:24px;box-shadow:0 12px 32px #00000014;position:sticky;top:100px}
.certdoc-visual img{width:100%;height:320px;object-fit:cover;border-radius:16px;margin-bottom:24px}
.certdoc-cta{display:block;text-align:center;padding:16px;background:linear-gradient(135deg,#9621B9,#C8281B);color:#fff;text-decoration:none;border-radius:16px;font-weight:600;font-size:1.1rem;transition:transform .3s ease}
.certdoc-cta:hover{transform:scale(1.03);color:#fff}
.progress-container{background:linear-gradient(180deg,#fff 0%,#f5f0f8 100%);padding:90px 24px}
.progress-box{max-width:1440px;margin:0 auto}
.progress-header h2{font-size:2.6rem;text-align:center;color:#1a1a1a;margin:0 0 48px;font-weight:700}
.progress-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.progress-stages::before{content:'';position:absolute;top:60px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,#9621B9 0%,#C8281B 100%);z-index:1}
.stage-item{background:#fff;padding:32px 24px;border-radius:20px;text-align:center;box-shadow:0 8px 24px #00000014;position:relative;z-index:2;transition:all .3s ease}
.stage-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px #9621b926}
.stage-num{width:56px;height:56px;background:linear-gradient(135deg,#9621B9,#C8281B);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;margin:0 auto 20px;box-shadow:0 6px 16px #9621b94d}
.stage-item h3{font-size:1.3rem;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.stage-item p{font-size:.95rem;color:#5a5a5a;line-height:1.5;margin:0}
.advantage-outer{max-width:1440px;margin:0 auto;padding:100px 24px}
.advantage-title{text-align:center;margin-bottom:60px}
.advantage-title h2{font-size:2.7rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.advantage-title p{font-size:1.15rem;color:#5a5a5a;margin:0}
.advantage-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.advantage-img img{width:100%;height:440px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #0000001f}
.advantage-points{display:flex;flex-direction:column;gap:24px}
.adv-point{background:#fff;padding:28px 32px;border-radius:18px;border-left:5px solid #9621B9;box-shadow:0 6px 20px #0000000f;transition:all .3s ease}
.adv-point:hover{transform:translateX(8px);box-shadow:0 10px 32px #9621b91f}
.adv-point h3{font-size:1.4rem;color:#9621B9;margin:0 0 12px;font-weight:600}
.adv-point p{font-size:1.05rem;color:#4a4a4a;line-height:1.6;margin:0}
.comparison-section{background:#fafafa;padding:90px 24px}
.comparison-wrap{max-width:1440px;margin:0 auto}
.comparison-intro{text-align:center;margin-bottom:50px}
.comparison-intro h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.comparison-intro p{font-size:1.1rem;color:#5a5a5a;margin:0}
.comparison-table{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #00000014}
.comp-row{display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom:1px solid #e8e8e8}
.comp-row:last-child{border-bottom:none}
.comp-header{background:linear-gradient(135deg,#9621B9,#C8281B);color:#fff;font-weight:700}
.comp-cell{padding:24px 28px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.05rem}
.comp-row:nth-child(even){background:#f8f5fa}
.comp-cell:first-child{justify-content:flex-start;text-align:left;font-weight:600;color:#2a2a2a}
.comp-check{color:#9621B9;font-size:1.5rem;font-weight:700}
.comp-cross{color:silver;font-size:1.3rem}
@media (max-width: 1024px) {
.hero-inner{grid-template-columns:1fr;gap:40px;padding:60px 24px}
.herotxt h1{font-size:2.6rem}
.heroimg img{height:360px}
.engage-grid{grid-template-columns:1fr;gap:24px}
.bizsol-content{grid-template-columns:1fr;gap:40px}
.bizsol-features{grid-template-columns:1fr}
.certdoc-layout{grid-template-columns:1fr;gap:40px}
.certdoc-visual{position:static}
.progress-stages{grid-template-columns:repeat(2,1fr)}
.progress-stages::before{display:none}
.advantage-split{grid-template-columns:1fr;gap:40px}
.comp-row{grid-template-columns:1fr}
.comp-cell:first-child{font-weight:700;background:#f0f0f0}
}
@media (max-width: 768px) {
.herotxt h1{font-size:2.2rem}
.engage-head h2,.bizsol-txt h2,.certdoc-info h2,.progress-header h2,.advantage-title h2,.comparison-intro h2{font-size:2rem}
.progress-stages{grid-template-columns:1fr}
.bizsol-outer{padding:60px 24px}
}
.contactwrap{max-width:1440px;margin:0 auto;padding:0 20px}
.herotop{display:flex;align-items:center;gap:60px;padding:80px 0;position:relative}
.herotop-textcol{flex:1;max-width:580px}
.herotop-textcol h1{font-size:3.2rem;line-height:1.15;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.herotop-textcol p{font-size:1.15rem;line-height:1.7;color:#4a4a4a;margin:0}
.herotop-visual{flex:1;position:relative;min-height:380px;background:linear-gradient(135deg,#9621B9 0%,#C8281B 50%,#E3C9EB 100%);border-radius:28px;overflow:hidden;box-shadow:0 16px 48px #9621b926}
.herotop-visual::before{content:'';position:absolute;top:-20%;right:-10%;width:320px;height:320px;background:radial-gradient(circle,#e3c9eb66 0%,transparent 70%);border-radius:50%}
.herotop-visual::after{content:'';position:absolute;bottom:-15%;left:-8%;width:280px;height:280px;background:radial-gradient(circle,#c8281b4d 0%,transparent 70%);border-radius:50%}
.decorshape{position:absolute;width:120px;height:120px;border:3px solid #ffffff4d;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.decorshape-inner{position:absolute;width:60px;height:60px;background:#fff3;border-radius:16px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}
.contactinfo-section{background:linear-gradient(165deg,#f8f4fa 0%,#fef9f8 100%);padding:90px 0;margin:60px 0;border-radius:32px}
.contactinfo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}
.infocard{background:#fff;padding:48px 36px;border-radius:24px;box-shadow:0 8px 24px #0000000f;transition:all .3s ease;border:2px solid transparent}
.infocard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #9621b91f;border-color:#E3C9EB}
.infocard-icon{width:64px;height:64px;background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.infocard-icon svg{width:32px;height:32px;fill:#fff}
.infocard h3{font-size:1.4rem;margin:0 0 16px;color:#1a1a1a;font-weight:600}
.infocard p{font-size:1.05rem;line-height:1.65;color:#5a5a5a;margin:0}
.infocard a{color:#9621B9;text-decoration:none;font-weight:500;transition:color .2s ease}
.infocard a:hover{color:#C8281B}
.formarea-outer{padding:100px 0;background:#fff}
.formarea-inner{max-width:780px;margin:0 auto}
.formarea-inner h2{font-size:2.6rem;margin:0 0 16px;color:#1a1a1a;font-weight:700;text-align:center}
.formarea-subtitle{text-align:center;font-size:1.1rem;color:#6a6a6a;margin:0 0 56px;line-height:1.6}
.contactform{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);padding:56px 48px;border-radius:28px;box-shadow:0 12px 32px #00000014}
.formrow{margin-bottom:32px}
.formlabel{display:block;font-size:.95rem;font-weight:600;color:#2a2a2a;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.forminput{width:100%;padding:18px 22px;border:2px solid #e0e0e0;border-radius:16px;font-size:1.05rem;color:#2a2a2a;background:#fff;transition:all .3s ease;box-sizing:border-box}
.forminput:focus{outline:none;border-color:#9621B9;box-shadow:0 0 0 4px #9621b91a}
.formtextarea{width:100%;min-height:160px;padding:18px 22px;border:2px solid #e0e0e0;border-radius:16px;font-size:1.05rem;color:#2a2a2a;background:#fff;resize:vertical;font-family:inherit;transition:all .3s ease;box-sizing:border-box}
.formtextarea:focus{outline:none;border-color:#9621B9;box-shadow:0 0 0 4px #9621b91a}
.selectwrap{position:relative}
.formselect{width:100%;padding:18px 22px;border:2px solid #e0e0e0;border-radius:16px;font-size:1.05rem;color:#2a2a2a;background:#fff;cursor:pointer;appearance:none;transition:all .3s ease;box-sizing:border-box}
.formselect:focus{outline:none;border-color:#9621B9;box-shadow:0 0 0 4px #9621b91a}
.selectwrap::after{content:'';position:absolute;right:22px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #9621B9;pointer-events:none}
.privacycheck{margin:32px 0}
.privacycheck input[type="checkbox"]{width:20px;height:20px;margin-right:12px;cursor:pointer;vertical-align:middle;accent-color:#9621B9}
.privacycheck label{font-size:.95rem;color:#4a4a4a;line-height:1.6;cursor:pointer}
.privacycheck a{color:#9621B9;text-decoration:underline;font-weight:500}
.privacycheck a:hover{color:#C8281B}
.submitbutt{width:100%;padding:20px 40px;background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);color:#fff;border:none;border-radius:18px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 24px #9621b940}
.submitbutt:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9621b959}
.submitbutt:active{transform:translateY(-1px)}
.faqzone{padding:90px 0;background:linear-gradient(180deg,#fff 0%,#fafafa 100%)}
.faqzone h2{font-size:2.4rem;text-align:center;margin:0 0 64px;color:#1a1a1a;font-weight:700}
.faqlist{max-width:900px;margin:0 auto}
.faqitem{margin-bottom:20px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000d}
.faqitem input[type="checkbox"]{display:none}
.faqtoggle{display:block;padding:28px 32px;font-size:1.2rem;font-weight:600;color:#2a2a2a;cursor:pointer;position:relative;transition:all .3s ease}
.faqtoggle::after{content:'+';position:absolute;right:32px;top:50%;transform:translateY(-50%);font-size:2rem;color:#9621B9;font-weight:400;transition:transform .3s ease}
.faqitem input[type="checkbox"]:checked + .faqtoggle{background:linear-gradient(90deg,#9621b90f 0%,#e3c9eb1a 100%)}
.faqitem input[type="checkbox"]:checked + .faqtoggle::after{content:'−';transform:translateY(-50%) rotate(180deg)}
.faqcontent{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faqitem input[type="checkbox"]:checked ~ .faqcontent{max-height:500px}
.faqcontent-inner{padding:0 32px 32px;font-size:1.05rem;line-height:1.7;color:#5a5a5a}
@media (max-width: 968px) {
.herotop{flex-direction:column;gap:40px;padding:60px 0}
.herotop-textcol{max-width:100%}
.herotop-textcol h1{font-size:2.4rem}
.herotop-visual{width:100%;min-height:320px}
.contactinfo-grid{grid-template-columns:1fr;gap:28px}
.formarea-inner h2{font-size:2rem}
.contactform{padding:40px 28px}
}
@media (max-width: 640px) {
.herotop-textcol h1{font-size:2rem}
.herotop-textcol p{font-size:1rem}
.infocard{padding:32px 24px}
.formarea-outer{padding:60px 0}
.formarea-inner h2{font-size:1.75rem}
.faqzone h2{font-size:1.9rem}
.faqtoggle{padding:22px 24px;font-size:1.05rem;padding-right:56px}
.faqtoggle::after{right:24px}
}
.heroarea{position:relative;overflow:hidden;padding:80px 20px;background:linear-gradient(135deg,#f8f4fb 0%,#fdf9fe 100%)}
.heroarea .heroinnerwrap{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.heroarea .textbox{z-index:2}
.heroarea .maintitle{font-size:3.2rem;font-weight:700;line-height:1.2;margin-bottom:20px;color:#1a1a1a}
.heroarea .maintitle .accent{color:#9621B9;position:relative;display:inline-block}
.heroarea .maintitle .accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#9621B9 0%,#C8281B 100%);border-radius:2px}
.heroarea .tagline{font-size:1.25rem;line-height:1.7;color:#4a4a4a;margin-bottom:35px}
.heroarea .cta-group{display:flex;gap:16px;flex-wrap:wrap}
.heroarea .btn-primary{background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);color:#fff;padding:14px 32px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:transform 0.3s,box-shadow .3s;border:none;display:inline-block;z-index:10;position:relative}
.heroarea .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #9621b94d}
.heroarea .btn-secondary{background:#fff;color:#9621B9;padding:14px 32px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.05rem;border:2px solid #9621B9;transition:all .3s;display:inline-block;z-index:10;position:relative}
.heroarea .btn-secondary:hover{background:#9621B9;color:#fff;transform:translateY(-2px)}
.heroarea .imagefragment{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;animation:fadeInSlide .8s ease-out}
@keyframes fadeInSlide {
from{opacity:0;transform:translateX(40px)}
to{opacity:1;transform:translateX(0)}
}
.heroarea .imagefragment .imgpart{border-radius:28px;overflow:hidden;box-shadow:0 16px 32px #00000014;transition:transform .4s}
.heroarea .imagefragment .imgpart:hover{transform:scale(1.03)}
.heroarea .imagefragment .imgpart img{width:100%;height:100%;object-fit:cover;display:block}
.heroarea .imagefragment .imgpart:first-child{grid-column:1 / 2;height:280px;margin-top:40px}
.heroarea .imagefragment .imgpart:last-child{grid-column:2 / 3;height:320px}
.heroarea .decoback{position:absolute;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,#9621b914 0%,#c8281b0d 100%);filter:blur(60px);z-index:0}
.heroarea .decoback:first-of-type{top:-100px;right:-50px}
.heroarea .decoback:last-of-type{bottom:-150px;left:-100px}
.modulearea{padding:100px 20px;background:linear-gradient(279deg,#9621B9 0%,#C8281B 50%,#E3C9EB 100%);position:relative}
.modulearea .contentlimit{max-width:1440px;margin:0 auto}
.modulearea .intro-header{text-align:center;margin-bottom:70px}
.modulearea .intro-header h2{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:16px}
.modulearea .intro-header p{font-size:1.2rem;color:#ffffffe6;max-width:720px;margin:0 auto;line-height:1.7}
.modulearea .modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.modulearea .module-card{background:#fffffff2;border-radius:24px;padding:36px;transition:transform 0.3s,box-shadow .3s;box-shadow:0 8px 24px #0000001a}
.modulearea .module-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000026}
.modulearea .module-card .module-number{display:inline-block;background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);color:#fff;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;margin-bottom:20px}
.modulearea .module-card h3{font-size:1.6rem;font-weight:700;color:#1a1a1a;margin-bottom:14px}
.modulearea .module-card .module-desc{font-size:1.05rem;color:#4a4a4a;line-height:1.7;margin-bottom:20px}
.modulearea .module-card .module-topics{list-style:none;padding:0;margin:0}
.modulearea .module-card .module-topics li{padding-left:28px;margin-bottom:10px;position:relative;font-size:.95rem;color:#2a2a2a}
.modulearea .module-card .module-topics li::before{content:'→';position:absolute;left:0;color:#9621B9;font-weight:700}
.methodarea{padding:100px 20px;background:#fff}
.methodarea .inner-bound{max-width:1440px;margin:0 auto}
.methodarea .split-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.methodarea .method-content h2{font-size:2.6rem;font-weight:700;color:#1a1a1a;margin-bottom:24px}
.methodarea .method-content h2::before{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#9621B9 0%,#C8281B 100%);margin-bottom:20px;border-radius:3px}
.methodarea .method-content p{font-size:1.1rem;line-height:1.8;color:#4a4a4a;margin-bottom:32px}
.methodarea .approach-list{display:flex;flex-direction:column;gap:24px}
.methodarea .approach-item{display:flex;gap:20px;align-items:flex-start}
.methodarea .approach-item .icon-holder{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#E3C9EB 0%,#f8f4fb 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.methodarea .approach-item .icon-holder svg{width:28px;height:28px;fill:#9621B9}
.methodarea .approach-item .item-text h4{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin-bottom:8px}
.methodarea .approach-item .item-text p{font-size:1rem;color:#5a5a5a;line-height:1.6;margin:0}
.methodarea .visual-side{position:relative}
.methodarea .stats-display{background:linear-gradient(135deg,#f8f4fb 0%,#fff 100%);border-radius:28px;padding:40px;box-shadow:0 12px 32px #00000014}
.methodarea .stat-row{margin-bottom:32px}
.methodarea .stat-row:last-child{margin-bottom:0}
.methodarea .stat-label{font-size:.95rem;color:#6a6a6a;margin-bottom:10px;font-weight:600}
.methodarea .progress-track{width:100%;height:12px;background:#e8e8e8;border-radius:8px;overflow:hidden;position:relative}
.methodarea .progress-fill{height:100%;background:linear-gradient(90deg,#9621B9 0%,#C8281B 100%);border-radius:8px;transition:width 1.2s ease-out}
.methodarea .stat-value{font-size:1.8rem;font-weight:700;color:#9621B9;margin-top:8px}
.enrollarea{padding:100px 20px;background:linear-gradient(135deg,#fdf9fe 0%,#f8f4fb 100%);position:relative}
.enrollarea .wrap-center{max-width:1000px;margin:0 auto;text-align:center}
.enrollarea h2{font-size:2.8rem;font-weight:700;color:#1a1a1a;margin-bottom:20px}
.enrollarea .enroll-desc{font-size:1.2rem;color:#4a4a4a;line-height:1.7;margin-bottom:48px;max-width:760px;margin-left:auto;margin-right:auto}
.enrollarea .benefits-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px}
.enrollarea .benefit-card{background:#fff;padding:28px 24px;border-radius:20px;box-shadow:0 6px 20px #0000000f;transition:transform .3s}
.enrollarea .benefit-card:hover{transform:translateY(-4px)}
.enrollarea .benefit-icon{width:48px;height:48px;margin:0 auto 16px;background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);border-radius:14px;display:flex;align-items:center;justify-content:center}
.enrollarea .benefit-icon svg{width:24px;height:24px;fill:#fff}
.enrollarea .benefit-title{font-size:1.15rem;font-weight:700;color:#1a1a1a;margin-bottom:8px}
.enrollarea .benefit-text{font-size:.95rem;color:#5a5a5a;line-height:1.5}
.enrollarea .action-box{background:#fff;padding:48px;border-radius:28px;box-shadow:0 16px 40px #00000014;max-width:600px;margin:0 auto}
.enrollarea .action-box .price-info{font-size:1.1rem;color:#4a4a4a;margin-bottom:24px}
.enrollarea .action-box .price-amount{font-size:3rem;font-weight:700;color:#9621B9;margin-bottom:8px}
.enrollarea .action-box .price-note{font-size:.95rem;color:#7a7a7a;margin-bottom:32px}
.enrollarea .action-box .cta-button{background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);color:#fff;padding:18px 48px;border-radius:28px;text-decoration:none;font-weight:700;font-size:1.15rem;display:inline-block;transition:transform 0.3s,box-shadow .3s;border:none;z-index:10;position:relative}
.enrollarea .action-box .cta-button:hover{transform:translateY(-3px);box-shadow:0 16px 32px #9621b959}
.enrollarea .geo-deco{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#e3c9eb66 0%,#e3c9eb00 70%);filter:blur(50px);z-index:0}
.enrollarea .geo-deco:first-of-type{top:-80px;left:-100px}
.enrollarea .geo-deco:last-of-type{bottom:-80px;right:-100px}
@media (max-width: 1024px) {
.heroarea .heroinnerwrap{grid-template-columns:1fr;gap:40px}
.heroarea .maintitle{font-size:2.6rem}
.methodarea .split-layout{grid-template-columns:1fr;gap:50px}
.enrollarea .benefits-compact{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroarea{padding:60px 20px}
.heroarea .maintitle{font-size:2.2rem}
.heroarea .tagline{font-size:1.1rem}
.heroarea .imagefragment{grid-template-columns:1fr}
.heroarea .imagefragment .imgpart:first-child{margin-top:0;height:240px}
.heroarea .imagefragment .imgpart:last-child{height:240px}
.modulearea{padding:70px 20px}
.modulearea .intro-header h2{font-size:2.2rem}
.modulearea .modules-grid{grid-template-columns:1fr}
.methodarea{padding:70px 20px}
.methodarea .method-content h2{font-size:2.2rem}
.enrollarea{padding:70px 20px}
.enrollarea h2{font-size:2.2rem}
.enrollarea .action-box{padding:32px 24px}
.enrollarea .action-box .price-amount{font-size:2.4rem}
}
.story-hero{max-width:1440px;margin:0 auto;padding:80px 24px 60px;display:flex;gap:48px;align-items:center}
.story-hero .txt-side{flex:1}
.story-hero .img-side{width:420px;flex-shrink:0}
.story-hero .heading-main{font-size:3.2rem;line-height:1.15;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.story-hero .heading-main .pause-line{display:block;margin-top:8px}
.story-hero .intro-graf{font-size:1.15rem;line-height:1.7;color:#444;margin:0}
.story-hero .img-card{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #0000001f}
.story-hero .img-card img{width:100%;height:480px;object-fit:cover;display:block}
.story-hero .img-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,transparent,#0006);pointer-events:none}
.story-hero .geo-pattern{position:absolute;top:24px;right:24px;width:80px;height:80px;opacity:.08;z-index:1}
.story-hero .geo-pattern svg{width:100%;height:100%}
.journey-section{background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);padding:100px 24px;position:relative;overflow:hidden}
.journey-section::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#E3C9EB 0%,#9621B9 50%,#C8281B 100%)}
.journey-wrap{max-width:1140px;margin:0 auto}
.journey-section .sec-title{font-size:2.6rem;color:#fff;text-align:center;margin:0 0 64px;font-weight:700}
.timeline-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;position:relative}
.timeline-flow::before{content:'';position:absolute;top:40px;left:16.666%;right:16.666%;height:3px;background:#ffffff40;z-index:0}
.story-phase{background:#ffffff1f;padding:36px 28px;border-radius:20px;position:relative;border:2px solid #ffffff26;backdrop-filter:blur(8px);transition:all .3s ease}
.story-phase:hover{transform:translateY(-6px);background:#ffffff2e;box-shadow:0 16px 40px #00000040}
.story-phase .phase-num{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:48px;height:48px;background:linear-gradient(135deg,#E3C9EB,#fff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#9621B9;border:4px solid #ffffff4d;z-index:1}
.story-phase .phase-label{font-size:1.35rem;color:#fff;margin:24px 0 16px;font-weight:600}
.story-phase .phase-txt{font-size:.98rem;line-height:1.65;color:#ffffffe6;margin:0}
.story-phase .phase-metric{margin-top:20px;padding-top:20px;border-top:1px solid #fff3}
.story-phase .metric-value{font-size:2rem;color:#E3C9EB;font-weight:700;display:block;margin-bottom:4px}
.story-phase .metric-label{font-size:.88rem;color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px}
.outcomes-zone{max-width:1440px;margin:0 auto;padding:100px 24px;background:#fafafa}
.outcomes-zone .sec-head{text-align:center;max-width:720px;margin:0 auto 72px}
.outcomes-zone .sec-head h2{font-size:2.8rem;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.outcomes-zone .sec-head p{font-size:1.1rem;color:#555;line-height:1.7;margin:0}
.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:64px}
.result-card{background:#fff;padding:32px 28px;border-radius:20px;box-shadow:0 8px 24px #00000014;position:relative;overflow:hidden;transition:all .3s ease}
.result-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9621B9,#C8281B)}
.result-card:hover{box-shadow:0 16px 48px #9621b926;transform:translateY(-4px)}
.result-card .ico-badge{width:56px;height:56px;background:linear-gradient(135deg,#E3C9EB,#9621B9);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.result-card .ico-badge svg{width:28px;height:28px;fill:#fff}
.result-card h3{font-size:1.3rem;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.result-card p{font-size:.98rem;color:#666;line-height:1.65;margin:0}
.visual-proof{background:#fff;padding:48px;border-radius:28px;box-shadow:0 12px 40px #0000001a;display:flex;gap:56px;align-items:center}
.visual-proof .proof-img{width:480px;flex-shrink:0}
.visual-proof .proof-img img{width:100%;height:360px;object-fit:cover;border-radius:20px;box-shadow:0 8px 24px #0000001f}
.visual-proof .proof-content{flex:1}
.visual-proof .proof-content h3{font-size:2rem;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.visual-proof .proof-content .quote-block{font-size:1.1rem;line-height:1.7;color:#444;margin:0 0 24px;padding-left:24px;border-left:4px solid #9621B9;font-style:italic}
.visual-proof .proof-content .author-info{display:flex;align-items:center;gap:16px}
.visual-proof .proof-content .author-info .avatar-circle{width:56px;height:56px;background:linear-gradient(135deg,#C8281B,#9621B9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;font-weight:700}
.visual-proof .proof-content .author-info .author-det{flex:1}
.visual-proof .proof-content .author-info .author-name{font-size:1.1rem;color:#1a1a1a;font-weight:600;margin:0 0 4px}
.visual-proof .proof-content .author-info .author-role{font-size:.92rem;color:#666;margin:0}
.visual-proof .proof-content .cta-butt{margin-top:32px}
.visual-proof .proof-content .cta-butt a{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#9621B9,#C8281B);color:#fff;text-decoration:none;border-radius:12px;font-size:1.05rem;font-weight:600;box-shadow:0 6px 20px #9621b94d;transition:all .3s ease;position:relative;z-index:10}
.visual-proof .proof-content .cta-butt a:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9621b966}
@media (max-width: 1024px) {
.story-hero{flex-direction:column;padding:60px 24px 40px}
.story-hero .img-side{width:100%;max-width:500px}
.story-hero .heading-main{font-size:2.6rem}
.timeline-flow{grid-template-columns:1fr;gap:32px}
.timeline-flow::before{display:none}
.visual-proof{flex-direction:column;padding:36px 28px;gap:32px}
.visual-proof .proof-img{width:100%}
}
@media (max-width: 768px) {
.story-hero .heading-main{font-size:2.2rem}
.story-hero .img-card img{height:360px}
.journey-section{padding:70px 20px}
.journey-section .sec-title{font-size:2rem;margin-bottom:48px}
.outcomes-zone{padding:70px 20px}
.outcomes-zone .sec-head h2{font-size:2.2rem}
.results-grid{grid-template-columns:1fr}
.visual-proof .proof-content h3{font-size:1.6rem}
}
.hero-outer{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:80px 20px;position:relative;overflow:hidden}
.hero-outer::before{content:'';position:absolute;top:-10%;right:-5%;width:400px;height:400px;background:linear-gradient(279deg,#9621B9 0%,#C8281B 50%,#E3C9EB 100%);opacity:.08;border-radius:50%;filter:blur(60px)}
.hero-outer::after{content:'';position:absolute;bottom:-15%;left:-8%;width:500px;height:500px;background:#E3C9EB;opacity:.06;border-radius:32px;transform:rotate(25deg);filter:blur(50px)}
.herowrap{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.hero-inner h1{font-size:3.2rem;line-height:1.15;color:#1a1a1a;margin-bottom:24px;font-weight:700}
.hero-inner h1 .accent-word{color:#9621B9;position:relative;display:inline-block}
.hero-inner h1 .accent-word::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#9621B9 0%,#C8281B 100%);border-radius:2px}
.hero-intro{font-size:1.25rem;line-height:1.7;color:#444;max-width:820px;margin-bottom:16px}
.storyframe{max-width:1440px;margin:0 auto;padding:100px 20px}
.storygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px}
.storycard{background:#fff;border-radius:24px;padding:48px 40px;box-shadow:0 8px 32px #9621b914;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #9621b91a}
.storycard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #9621b924}
.storycard::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#9621B9 0%,#C8281B 100%);border-radius:24px 0 0 24px}
.story-author{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.author-initials{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#E3C9EB 0%,#9621B9 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0}
.author-details h3{font-size:1.4rem;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.author-role{font-size:.95rem;color:#666}
.story-quote{font-size:1.05rem;line-height:1.75;color:#333;margin-bottom:24px;font-style:italic}
.story-outcome{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.outcome-badge{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:2px solid #E3C9EB;border-radius:16px;padding:10px 20px;font-size:.9rem;color:#9621B9;font-weight:600}
.story-detail{font-size:.98rem;line-height:1.65;color:#555}
.metrics-section{background:linear-gradient(135deg,#f8f9fa 0%,#fff 50%,#f8f9fa 100%);padding:100px 20px;position:relative}
.metrics-container{max-width:1440px;margin:0 auto}
.metrics-title{text-align:center;margin-bottom:80px}
.metrics-title h2{font-size:2.6rem;color:#1a1a1a;margin-bottom:16px;font-weight:700}
.metrics-title h2::before{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#9621B9 0%,#C8281B 100%);margin:0 auto 24px;border-radius:3px}
.metrics-subtitle{font-size:1.15rem;color:#666;max-width:680px;margin:0 auto;line-height:1.6}
.metrics-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.metric-item{text-align:center;padding:40px 20px;background:#fff;border-radius:20px;box-shadow:0 6px 24px #c8281b0f;position:relative;overflow:hidden}
.metric-item::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#9621B9 0%,#C8281B 100%)}
.metric-value{font-size:3.8rem;font-weight:700;color:#9621B9;margin-bottom:12px;display:block}
.metric-label{font-size:1.2rem;color:#444;font-weight:500}
.journeys-wrapper{padding:100px 20px;background:#fff}
.journeys-container{max-width:1440px;margin:0 auto}
.section-header{margin-bottom:72px}
.section-header h2{font-size:2.4rem;color:#1a1a1a;margin-bottom:20px;font-weight:700;position:relative;display:inline-block}
.section-header h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#C8281B 0%,#E3C9EB 100%);border-radius:2px}
.section-intro{font-size:1.1rem;color:#555;line-height:1.7;max-width:780px}
.journey-timeline{position:relative;padding-left:60px}
.timeline-line{position:absolute;left:24px;top:30px;bottom:30px;width:3px;background:linear-gradient(180deg,#9621B9 0%,#C8281B 50%,#E3C9EB 100%)}
.journey-step{position:relative;margin-bottom:56px;background:#f8f9fa;border-radius:20px;padding:36px 40px;border:2px solid transparent;transition:border-color .3s ease,transform .3s ease}
.journey-step:hover{border-color:#E3C9EB;transform:translateX(8px)}
.journey-step::before{content:'';position:absolute;left:-36px;top:28px;width:20px;height:20px;background:#9621B9;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px #9621B9}
.step-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.step-number{width:48px;height:48px;background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;flex-shrink:0}
.step-title{font-size:1.5rem;color:#1a1a1a;font-weight:600;margin:0}
.step-description{font-size:1.05rem;color:#444;line-height:1.7;margin-bottom:20px}
.step-highlights{display:flex;flex-wrap:wrap;gap:12px}
.highlight-tag{background:#fff;border:2px solid #E3C9EB;border-radius:12px;padding:8px 18px;font-size:.9rem;color:#9621B9;font-weight:500}
.cta-section{background:linear-gradient(135deg,#9621B9 0%,#C8281B 100%);padding:100px 20px;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#e3c9eb26;border-radius:50%;filter:blur(80px)}
.cta-inner{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.cta-inner h2{font-size:2.8rem;color:#fff;margin-bottom:24px;font-weight:700}
.cta-text{font-size:1.2rem;color:#fffffff2;line-height:1.7;max-width:720px;margin:0 auto 44px}
.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btn-primary{background:#fff;color:#9621B9;padding:18px 44px;border-radius:16px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 8px 24px #00000026;transition:transform .3s ease,box-shadow .3s ease;border:none}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000038}
.btn-secondary{background:transparent;color:#fff;padding:18px 44px;border-radius:16px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;border:3px solid #fff;transition:background .3s ease,transform .3s ease}
.btn-secondary:hover{background:#ffffff26;transform:translateY(-3px)}
@media (max-width: 1024px) {
.hero-inner h1{font-size:2.6rem}
.storygrid{grid-template-columns:1fr;gap:36px}
.metrics-display{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.journey-timeline{padding-left:50px}
}
@media (max-width: 768px) {
.hero-outer{padding:60px 20px}
.hero-inner h1{font-size:2.2rem}
.hero-intro{font-size:1.1rem}
.storyframe{padding:70px 20px}
.storycard{padding:36px 28px}
.metrics-section{padding:70px 20px}
.metrics-title h2{font-size:2.1rem}
.metric-value{font-size:3rem}
.journeys-wrapper{padding:70px 20px}
.section-header h2{font-size:2rem}
.journey-timeline{padding-left:40px}
.timeline-line{left:20px}
.journey-step{padding:28px 24px}
.journey-step::before{left:-30px;width:16px;height:16px}
.step-title{font-size:1.3rem}
.cta-section{padding:70px 20px}
.cta-inner h2{font-size:2.2rem}
.cta-buttons{flex-direction:column;align-items:center}
.btn-primary,.btn-secondary{width:100%;max-width:320px}
}
@media (max-width: 480px) {
.hero-inner h1{font-size:1.85rem}
.author-initials{width:56px;height:56px;font-size:1.3rem}
.author-details h3{font-size:1.2rem}
.metrics-title h2{font-size:1.8rem}
.metric-value{font-size:2.6rem}
.section-header h2{font-size:1.75rem}
.journey-step{padding:24px 20px}
.step-number{width:40px;height:40px;font-size:1.2rem}
.cta-inner h2{font-size:1.9rem}
}