*{margin:0;padding:0;box-sizing:border-box}
html{height:100%}
body{font-family:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;color:#1a1a1a;background:#fff;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.heado-wrap{background:#fffffff2;border-bottom:1px dashed #e0e0e0;padding:20px 0}
.heado-container{max-width:1320px;margin:0 auto;padding:0 20px}
.heado-row1{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:15px}
.logo-holder{flex-shrink:0}
.logo-holder a{display:block;line-height:0}
.logo-img{height:90px;width:90px;object-fit:contain;background:#f8f8f8;padding:8px;border-radius:8px;box-shadow:0 2px 8px #00000014}
.main-navi{flex:1;display:flex;justify-content:flex-end}
.navi-list{display:flex;list-style:none;gap:8px;align-items:center;flex-wrap:wrap}
.navi-item{position:relative}
.navi-link{display:block;padding:12px 20px;color:#1a1a1a;text-decoration:none;font-weight:500;font-size:15px;border-radius:6px;transition:background 200ms,color 200ms}
.navi-link:hover{background:#f5f5f5;color:#0028A1}
.navi-item.has-dropdown:hover .dropdown-sub{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-sub{position:absolute;top:100%;left:0;background:#fff;list-style:none;min-width:180px;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 300ms,transform 300ms,visibility 300ms;margin-top:8px;z-index:100}
.sub-link{display:block;padding:12px 18px;color:#1a1a1a;text-decoration:none;font-size:14px;transition:background 150ms,color 150ms}
.sub-link:hover{background:#f5f5f5;color:#A227AB}
.heado-row2{display:flex;justify-content:center}
.trust-badge{display:flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,#f8f8f8 0%,#fff 100%);border:1px dotted #d0d0d0;border-radius:24px;font-size:14px;color:#333}
.badge-icon{color:#A227AB;font-size:16px}
.badge-text{font-weight:500}
.footr-container{max-width:1320px;margin:0 auto;padding:40px 20px}
.footr-content{background:#1a1a1a;padding:30px;border-radius:8px}
.footr-legal{display:flex;flex-direction:column;align-items:center;gap:15px}
.copyright-txt{color:#ccc;font-size:14px;text-align:center}
.legal-navi{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.legal-link{color:#0028A1;text-decoration:none;font-size:14px;font-weight:500;transition:color 200ms}
.legal-link:hover{color:#A227AB}
.cookie-popup{position:fixed;bottom:20px;right:20px;background:#fff;border:1px solid #e0e0e0;border-left:4px solid #A227AB;border-radius:10px;padding:24px;max-width:480px;box-shadow:0 8px 24px #00000026;z-index:9999;opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity 400ms,transform 400ms,visibility 400ms}
.cookie-popup.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.cookie-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.cookie-desc{font-size:14px;color:#4a4a4a;margin-bottom:20px;line-height:1.5}
.cookie-policy-link{color:#0028A1;text-decoration:underline}
.cookie-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.cookie-card{border:1px dotted #d0d0d0;padding:12px;border-radius:6px;background:#f9f9f9}
.card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.cookie-check{width:18px;height:18px;cursor:pointer}
.cookie-check:disabled{cursor:not-allowed;opacity:.6}
.cookie-label{font-size:13px;font-weight:600;color:#1a1a1a;cursor:pointer}
.card-desc{font-size:12px;color:#666;line-height:1.4;margin-left:26px}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-btn{flex:1;min-width:120px;padding:10px 16px;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:background 200ms,transform 150ms;font-family:'Public Sans',sans-serif}
.cookie-btn-accept{background:#0028A1;color:#fff}
.cookie-btn-accept:hover{background:#001f7a}
.cookie-btn-decline{background:#e0e0e0;color:#1a1a1a}
.cookie-btn-decline:hover{background:#d0d0d0}
.cookie-btn-save{background:#A227AB;color:#fff}
.cookie-btn-save:hover{background:#8a1f8f}
.cookie-settings-trigger{position:fixed;bottom:20px;left:20px;width:50px;height:50px;border-radius:50%;background:#0028A1;border:none;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px 12px #0028a14d;transition:background 200ms,transform 200ms;z-index:9998;display:flex;align-items:center;justify-content:center}
.cookie-settings-trigger:hover{background:#001f7a;transform:rotate(90deg)}
.settings-icon{display:block;line-height:1}
@media (max-width: 768px) {
.heado-row1{flex-direction:column;gap:20px;text-align:center}
.main-navi{justify-content:center}
.navi-list{justify-content:center}
.logo-img{height:70px;width:70px}
.cookie-popup{bottom:10px;right:10px;left:10px;max-width:none}
.cookie-grid{grid-template-columns:1fr}
.cookie-actions{flex-direction:column}
.cookie-btn{min-width:100%}
.footr-legal{gap:20px}
.legal-navi{flex-direction:column;gap:12px}
}
@media (max-width: 480px) {
.heado-wrap{padding:15px 0}
.navi-link{padding:10px 14px;font-size:14px}
.trust-badge{font-size:13px;padding:6px 16px}
.cookie-title{font-size:16px}
.cookie-desc{font-size:13px}
}
.policy-container{max-width:820px;margin:0 auto;padding:60px 20px;font-size:16px;line-height:1.75;color:#1a1a1a}
.policy-container h1{font-size:2.5em;font-weight:700;color:#0a0a0a;margin:0 0 1.2em;line-height:1.2;letter-spacing:-.02em}
.policy-container h2{font-size:1.75em;font-weight:600;color:#0a0a0a;margin:2em 0 .8em;line-height:1.3;padding-top:.5em;border-top:1px dashed #d0d0d0}
.policy-container h3{font-size:1.35em;font-weight:600;color:#1a1a1a;margin:1.8em 0 .6em;line-height:1.4}
.policy-container h4{font-size:1.1em;font-weight:600;color:#2a2a2a;margin:1.5em 0 .5em;line-height:1.5}
.policy-container h5{font-size:1em;font-weight:600;color:#2a2a2a;margin:1.3em 0 .4em;line-height:1.6;text-transform:uppercase;letter-spacing:.05em;font-size:.9em}
.policy-container h6{font-size:1em;font-weight:600;color:#3a3a3a;margin:1.2em 0 .4em;line-height:1.6}
.policy-container p{margin:0 0 1.2em;color:#2a2a2a}
.policy-container strong,.policy-container b{font-weight:600;color:#0a0a0a}
.policy-container em,.policy-container i{font-style:italic;color:#1a1a1a}
.policy-container a{color:#0028A1;text-decoration:none;border-bottom:1px solid #0028a14d;transition:all 180ms ease}
.policy-container a:hover{color:#A227AB;border-bottom-color:#a227ab80}
.policy-container ul,.policy-container ol{margin:0 0 1.5em;padding-left:1.8em}
.policy-container ul{list-style-type:none}
.policy-container ul li{position:relative;margin-bottom:.6em;padding-left:.5em}
.policy-container ul li::before{content:'';position:absolute;left:-1.3em;top:.7em;width:6px;height:6px;background:#A227AB;border-radius:1px}
.policy-container ol{list-style-type:decimal;list-style-position:outside}
.policy-container ol li{margin-bottom:.6em;padding-left:.5em}
.policy-container ol li::marker{color:#0028A1;font-weight:600}
.policy-container ul ul,.policy-container ol ul,.policy-container ul ol,.policy-container ol ol{margin:.6em 0;padding-left:1.8em}
.policy-container ul ul li::before{background:transparent;border:1px solid #A227AB}
.policy-container li p{margin-bottom:.6em}
.policy-container hr{border:none;border-top:2px dotted silver;margin:2.5em 0;opacity:.6}
.policy-container div{margin:1.5em 0}
.policy-container blockquote{margin:1.8em 0;padding:1.2em 1.5em;border-left:3px solid #A227AB;background:linear-gradient(to right,#a227ab0a,transparent);font-style:italic;color:#2a2a2a}
.policy-container table{width:100%;margin:2em 0;border-collapse:collapse;font-size:.95em}
.policy-container table th{background:#f5f5f5;padding:.9em 1em;text-align:left;font-weight:600;color:#0a0a0a;border-bottom:2px solid #0028A1}
.policy-container table td{padding:.9em 1em;border-bottom:1px solid #e0e0e0;color:#2a2a2a}
.policy-container table tr:hover td{background:#cdeabc26}
.policy-container code{background:#f5f5f5;padding:.2em .5em;border-radius:3px;font-family:'Courier New',monospace;font-size:.9em;color:#0028A1;border:1px solid #e0e0e0}
.policy-container pre{background:#f8f8f8;padding:1.2em;border-radius:6px;overflow-x:auto;margin:1.5em 0;border:1px solid #e0e0e0}
.policy-container pre code{background:transparent;padding:0;border:none;font-size:.88em;color:#1a1a1a}
@media (max-width: 768px) {
.policy-container{padding:40px 16px;font-size:15px}
.policy-container h1{font-size:2em;margin-bottom:1em}
.policy-container h2{font-size:1.5em;margin-top:1.6em}
.policy-container h3{font-size:1.25em}
.policy-container ul,.policy-container ol{padding-left:1.5em}
.policy-container blockquote{padding:1em;margin:1.5em 0}
.policy-container table{font-size:.9em}
.policy-container table th,.policy-container table td{padding:.7em .8em}
}
@media (max-width: 480px) {
.policy-container{padding:30px 14px;font-size:14px}
.policy-container h1{font-size:1.75em}
.policy-container h2{font-size:1.35em}
}
.process-heado{position:relative;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 25%,#f1f3f5 50%,#dee2e6 75%,#e9ecef 100%);background-size:400% 400%;padding:120px 20px 100px;overflow:hidden}
.process-heado::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,#a227ab08 1px,transparent 1px),linear-gradient(0deg,#0028a108 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.process-heado .wrap-1320{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.heado-flex{display:flex;flex-direction:row;align-items:center;gap:80px}
.heado-content-area{flex:1}
.process-heado .main-heading{font-size:56px;font-weight:700;line-height:1.15;color:#212529;margin:0 0 24px}
.process-heado .accent-term{background:linear-gradient(135deg,#A227AB 0%,#0028A1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}
.process-heado .accent-term::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#A227AB 0%,#0028A1 100%)}
.process-heado .subtitle-txt{font-size:19px;line-height:1.6;color:#495057;margin:0}
.heado-visual-zone{flex:0 0 420px;position:relative}
.clipped-photo{width:100%;height:480px;object-fit:cover;clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,15% 100%,0 85%);filter:brightness(0.98)}
.workflow-explain-section{padding:90px 20px;background:#fff}
.workflow-explain-section .container-1320{max-width:1320px;margin:0 auto}
.workflow-grid-8{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 32px}
.workflow-card{background:#f8f9fa;padding:36px 28px;border-left:4px dotted #A227AB;transition:all .35s ease;position:relative}
.workflow-card::before{content:'';position:absolute;top:0;left:-4px;width:4px;height:0;background:linear-gradient(180deg,#0028A1 0%,#A227AB 100%);transition:height .35s ease}
.workflow-card:hover::before{height:100%}
.workflow-card:hover{background:#fff;box-shadow:0 6px 20px #00000014;transform:translateY(-4px)}
.workflow-card .step-number{display:inline-block;font-size:14px;font-weight:600;color:#A227AB;background:#a227ab1a;padding:6px 14px;border-radius:6px;margin-bottom:18px}
.workflow-card .step-title{font-size:21px;font-weight:700;color:#212529;margin:0 0 14px;line-height:1.3}
.workflow-card .step-description{font-size:15px;line-height:1.65;color:#495057;margin:0}
.insights-dual-section{background:linear-gradient(165deg,#fafbfc 0%,#f1f3f5 100%);padding:100px 20px}
.insights-dual-section .holder-1320{max-width:1320px;margin:0 auto}
.insights-dual-section .section-intro{text-align:center;margin-bottom:70px}
.insights-dual-section .section-intro h2{font-size:42px;font-weight:700;color:#212529;margin:0 0 18px;line-height:1.2}
.insights-dual-section .section-intro p{font-size:18px;color:#495057;margin:0;line-height:1.6}
.dual-layout-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.insight-block-left{background:#fff;padding:48px 42px;border-radius:8px;box-shadow:0 4px 16px #0000000f}
.insight-block-left h3{font-size:28px;font-weight:700;color:#212529;margin:0 0 24px;position:relative;padding-left:20px}
.insight-block-left h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:linear-gradient(180deg,#A227AB 0%,#0028A1 100%);border-radius:3px}
.insight-list{list-style:none;padding:0;margin:0}
.insight-list li{padding:18px 0;border-bottom:1px dashed #dee2e6;font-size:16px;color:#495057;line-height:1.6;position:relative;padding-left:32px}
.insight-list li:last-child{border-bottom:none}
.insight-list li::before{content:'→';position:absolute;left:0;color:#A227AB;font-weight:700;font-size:18px}
.visual-stat-area{display:flex;flex-direction:column;gap:32px}
.stat-showcase{background:#fff;padding:36px;border-radius:8px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.stat-showcase::after{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#A227AB 0%,#0028A1 50%,#CDEABC 100%);opacity:0;transition:opacity .3s ease}
.stat-showcase:hover::after{opacity:1}
.stat-showcase:hover{border-color:#e9ecef;box-shadow:0 8px 24px #00000014}
.stat-showcase h4{font-size:19px;font-weight:600;color:#212529;margin:0 0 16px}
.metric-display{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.metric-display .big-num{font-size:48px;font-weight:700;background:linear-gradient(135deg,#A227AB 0%,#0028A1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.metric-display .metric-label{font-size:15px;color:#6c757d}
.stat-showcase .context-txt{font-size:15px;color:#495057;line-height:1.65;margin:0}
.photo-reference-box{margin-top:40px;border-radius:8px;overflow:hidden;box-shadow:0 6px 20px #00000014}
.photo-reference-box img{width:100%;height:320px;object-fit:cover;display:block}
@media (max-width: 1024px) {
.heado-flex{flex-direction:column;gap:50px}
.heado-visual-zone{flex:0 0 auto;width:100%;max-width:500px}
.workflow-grid-8{grid-template-columns:repeat(2,1fr);gap:32px 24px}
.dual-layout-wrapper{grid-template-columns:1fr;gap:40px}
.process-heado .main-heading{font-size:44px}
}
@media (max-width: 768px) {
.process-heado{padding:80px 20px 60px}
.process-heado .main-heading{font-size:36px}
.process-heado .subtitle-txt{font-size:17px}
.workflow-grid-8{grid-template-columns:1fr;gap:24px}
.workflow-explain-section{padding:60px 20px}
.insights-dual-section{padding:70px 20px}
.insights-dual-section .section-intro h2{font-size:32px}
.insight-block-left{padding:32px 24px}
.stat-showcase{padding:28px 24px}
.clipped-photo{height:360px}
}
@media (max-width: 480px) {
.process-heado .main-heading{font-size:28px}
.workflow-card{padding:28px 20px}
.insights-dual-section .section-intro h2{font-size:26px}
.metric-display .big-num{font-size:36px}
.photo-reference-box img{height:240px}
}
.main-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.heado-zone{position:relative;margin:60px 0 80px}
.top-strip-img{width:100%;height:180px;object-fit:cover;display:block;margin-bottom:40px;filter:blur(1.5px);opacity:.85}
.heado-zone .title-text-area{text-align:center;position:relative}
.heado-zone .main-h1{font-size:3.2rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.15;letter-spacing:-.02em}
.heado-zone .lead-description{font-size:1.25rem;line-height:1.6;color:#444;max-width:720px;margin:0 auto 30px}
.geometric-lines{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:200px;height:4px;background:linear-gradient(90deg,#A227AB 0%,#0028A1 100%);animation:drawLine 1.2s ease-out}
@keyframes drawLine {
from{width:0}
to{width:200px}
}
.geometric-lines::before,.geometric-lines::after{content:'';position:absolute;width:60px;height:2px;background:#CDEABC;top:-12px}
.geometric-lines::before{left:-20px;transform:rotate(-45deg);animation:drawDiag1 .8s ease-out .4s backwards}
.geometric-lines::after{right:-20px;transform:rotate(45deg);animation:drawDiag2 .8s ease-out .6s backwards}
@keyframes drawDiag1 {
from{width:0}
to{width:60px}
}
@keyframes drawDiag2 {
from{width:0}
to{width:60px}
}
.docs-certif-section{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);padding:70px 0;margin-bottom:80px;border-left:4px solid #A227AB;position:relative}
.docs-certif-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#0028A1 0px,#0028A1 10px,transparent 10px,transparent 20px)}
.section-heado{text-align:center;margin-bottom:50px}
.section-heado h2{font-size:2.4rem;font-weight:700;color:#222;margin:0 0 16px;position:relative;display:inline-block}
.section-heado h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#A227AB,#CDEABC)}
.section-heado p{font-size:1.1rem;color:#555;line-height:1.5;max-width:680px;margin:0 auto}
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1100px;margin:0 auto}
.doc-card{background:#fff;border:1px dashed #ccc;padding:32px 24px;text-align:center;transition:transform 200ms ease,box-shadow 300ms ease;position:relative;border-radius:8px}
.doc-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#0028A1;opacity:0;transition:opacity 300ms ease}
.doc-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}
.doc-card:hover::before{opacity:1}
.doc-card .icon-mfizz{font-size:3rem;color:#A227AB;margin-bottom:16px;display:block}
.doc-card h3{font-size:1.3rem;font-weight:600;color:#222;margin:0 0 10px}
.doc-card .doc-desc{font-size:.95rem;color:#666;line-height:1.5;margin:0 0 14px}
.doc-card .doc-meta{font-size:.85rem;color:#888;font-style:italic}
.numbers-section{padding:80px 0;position:relative;overflow:hidden}
.numbers-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#A227AB 50%,transparent 100%)}
.stats-wrapper{display:flex;flex-direction:row;gap:50px;align-items:flex-start;max-width:1150px;margin:0 auto}
.stats-content{flex:1}
.stats-content h2{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;position:relative;padding-left:18px}
.stats-content h2::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#A227AB 0%,#0028A1 100%);border-radius:3px}
.stats-content .stats-intro{font-size:1.05rem;color:#444;line-height:1.65;margin-bottom:28px}
.stats-visual{flex:1.2;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.stat-box{background:#fff;border:2px solid #f0f0f0;border-radius:10px;padding:28px 20px;text-align:center;position:relative;transition:border-color 400ms ease,transform 200ms ease}
.stat-box::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#CDEABC 0%,#A227AB 100%);opacity:0;transition:opacity 400ms ease}
.stat-box:hover{border-color:#A227AB;transform:scale(1.03)}
.stat-box:hover::after{opacity:1}
.stat-box .big-number{font-size:3rem;font-weight:700;color:#0028A1;margin:0 0 8px;line-height:1}
.stat-box .stat-label{font-size:1rem;color:#555;font-weight:500;line-height:1.3}
.stat-box .stat-detail{font-size:.88rem;color:#777;margin-top:10px;line-height:1.4}
.cta-zone{text-align:center;margin-top:50px}
.cta-btn{display:inline-block;background:linear-gradient(135deg,#A227AB 0%,#0028A1 100%);color:#fff;padding:16px 40px;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:transform 200ms ease,box-shadow 300ms ease;position:relative;z-index:10;box-shadow:0 4px 12px #a227ab4d}
.cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #a227ab66}
.proof-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;max-width:1100px;margin-left:auto;margin-right:auto}
.proof-item{position:relative;overflow:hidden;border-radius:6px;box-shadow:0 2px 8px #00000014;transition:transform 300ms ease,box-shadow 300ms ease}
.proof-item img{width:100%;height:220px;object-fit:cover;display:block;transition:transform 400ms ease}
.proof-item:hover{transform:translateY(-6px);box-shadow:0 10px 24px #00000026}
.proof-item:hover img{transform:scale(1.08)}
.proof-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000b3 0%,transparent 100%);padding:16px 12px 12px;color:#fff;font-size:.9rem;font-weight:500;opacity:0;transition:opacity 300ms ease}
.proof-item:hover .proof-overlay{opacity:1}
.expert-showcase{background:#fafafa;padding:60px 0;margin-top:70px;border-top:3px dotted #CDEABC}
.expert-wrap{display:flex;flex-direction:row;gap:40px;align-items:center;max-width:1100px;margin:0 auto}
.expert-photo{flex:0 0 280px;position:relative}
.expert-photo img{width:280px;height:340px;object-fit:cover;border-radius:8px;border:4px solid #fff;box-shadow:0 6px 16px #0000001f}
.expert-photo::after{content:'';position:absolute;top:-12px;right:-12px;width:60px;height:60px;background:linear-gradient(135deg,#A227AB,#0028A1);border-radius:50%;opacity:.25;z-index:-1}
.expert-text{flex:1}
.expert-text h3{font-size:2rem;font-weight:700;color:#222;margin:0 0 12px}
.expert-text .expert-role{font-size:1.1rem;color:#A227AB;font-weight:600;margin-bottom:18px}
.expert-text .expert-bio{font-size:1rem;color:#555;line-height:1.65;margin-bottom:20px}
.expert-text .expert-highlight{background:#fff;border-left:4px solid #0028A1;padding:16px 20px;font-size:.95rem;color:#444;line-height:1.5;font-style:italic}
@media (max-width: 1024px) {
.docs-grid{grid-template-columns:repeat(2,1fr)}
.stats-wrapper{flex-direction:column;gap:40px}
.proof-gallery{grid-template-columns:repeat(2,1fr)}
.expert-wrap{flex-direction:column;text-align:center}
.expert-photo{flex:0 0 auto}
}
@media (max-width: 768px) {
.heado-zone .main-h1{font-size:2.2rem}
.heado-zone .lead-description{font-size:1.05rem}
.top-strip-img{height:140px}
.docs-grid{grid-template-columns:1fr;gap:20px}
.stats-visual{grid-template-columns:1fr}
.proof-gallery{grid-template-columns:1fr}
.section-heado h2{font-size:1.9rem}
.expert-photo img{width:240px;height:300px}
.expert-text h3{font-size:1.6rem}
}
.title-edge-wrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;padding:80px 20px;position:relative}
.title-edge-wrap .visual-side{position:relative;margin-left:-100px;z-index:1}
.title-edge-wrap .visual-side img{width:100%;max-width:600px;height:auto;display:block;position:relative}
.title-edge-wrap .visual-side::before{content:'';position:absolute;top:-15px;right:-15px;width:80px;height:80px;background:linear-gradient(135deg,#A227AB 0%,#a227ab4d 100%);border-radius:0 0 0 8px;z-index:2;opacity:.85}
.title-edge-wrap .visual-side::after{content:'';position:absolute;bottom:20px;left:20px;width:3px;height:60px;background:#0028A1;z-index:2}
.title-edge-wrap .text-zone{padding:0 60px 0 80px;z-index:3;position:relative}
.title-edge-wrap .text-zone::before{content:'';position:absolute;top:0;left:40px;width:50px;height:3px;background:#CDEABC}
.title-edge-wrap .text-zone::after{content:'';position:absolute;top:0;left:40px;width:3px;height:50px;background:#CDEABC}
.title-edge-wrap .main-headline{font-size:46px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 24px}
.title-edge-wrap .sub-descr{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0 0 32px}
.title-edge-wrap .cta-link{display:inline-block;padding:14px 32px;background:linear-gradient(90deg,#A227AB 0%,#0028A1 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;transition:transform 200ms,box-shadow 300ms;position:relative;z-index:10}
.title-edge-wrap .cta-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #a227ab4d}
.story-section{max-width:1320px;margin:0 auto;padding:100px 20px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}
.story-section .narrative-column{border-left:4px solid #A227AB;padding-left:40px}
.story-section .narrative-column h2{font-size:38px;font-weight:700;line-height:1.3;color:#1a1a1a;margin:0 0 28px}
.story-section .narrative-column p{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 20px}
.story-section .narrative-column p:last-of-type{margin-bottom:0}
.story-section .visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}
.story-section .visual-grid::before{content:'';position:absolute;top:-20px;right:-20px;width:120px;height:120px;border:3px dashed #CDEABC;border-radius:50%;z-index:-1}
.story-section .img-card{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px #00000014;transition:transform 400ms}
.story-section .img-card:hover{transform:scale(1.03)}
.story-section .img-card img{width:100%;height:220px;object-fit:cover;display:block}
.story-section .img-card:nth-child(1){grid-column:1 / 2}
.story-section .img-card:nth-child(2){grid-column:2 / 3;margin-top:40px}
.story-section .img-card:nth-child(3){grid-column:1 / 3}
.story-section .img-card:nth-child(4){grid-column:1 / 2;margin-top:-30px}
.approach-container{max-width:1320px;margin:0 auto;padding:90px 20px;background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);border-radius:0;position:relative}
.approach-container::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#A227AB 0%,#0028A1 50%,#CDEABC 100%)}
.approach-container .intro-text{max-width:800px;margin:0 auto 60px;text-align:center}
.approach-container .intro-text h2{font-size:40px;font-weight:700;line-height:1.25;color:#1a1a1a;margin:0 0 20px;position:relative;display:inline-block}
.approach-container .intro-text h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#0028A1;border-radius:2px}
.approach-container .intro-text p{font-size:18px;line-height:1.6;color:#4a4a4a;margin:28px 0 0}
.approach-container .method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.approach-container .method-item{background:#fff;padding:36px 28px;border-radius:8px;border-left:5px solid #CDEABC;box-shadow:0 2px 8px #0000000f;transition:box-shadow 300ms,transform 200ms;position:relative;z-index:5}
.approach-container .method-item:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}
.approach-container .method-item:nth-child(2){border-left-color:#A227AB}
.approach-container .method-item:nth-child(3){border-left-color:#0028A1}
.approach-container .method-item h3{font-size:24px;font-weight:600;line-height:1.3;color:#1a1a1a;margin:0 0 16px}
.approach-container .method-item p{font-size:16px;line-height:1.65;color:#4a4a4a;margin:0}
.team-highlight{max-width:1320px;margin:0 auto;padding:100px 20px;display:flex;gap:60px;align-items:center}
.team-highlight .profile-box{flex:0 0 280px;position:relative}
.team-highlight .profile-box::before{content:'';position:absolute;top:-12px;left:-12px;width:100%;height:100%;border:3px dotted #0028A1;border-radius:8px;z-index:1}
.team-highlight .profile-box img{width:100%;height:auto;display:block;border-radius:8px;position:relative;z-index:2;box-shadow:0 6px 18px #0000001a}
.team-highlight .bio-content{flex:1}
.team-highlight .bio-content h2{font-size:36px;font-weight:700;line-height:1.3;color:#1a1a1a;margin:0 0 12px}
.team-highlight .bio-content .role-tag{display:inline-block;padding:6px 16px;background:linear-gradient(90deg,#a227ab1a 0%,#0028a11a 100%);color:#0028A1;font-size:14px;font-weight:600;border-radius:20px;margin-bottom:24px}
.team-highlight .bio-content p{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 18px}
.team-highlight .bio-content p:last-of-type{margin-bottom:0}
@media (max-width: 1024px) {
.title-edge-wrap{grid-template-columns:1fr;padding:60px 20px}
.title-edge-wrap .visual-side{margin-left:0;order:2;margin-top:40px}
.title-edge-wrap .text-zone{order:1;padding:0}
.story-section{grid-template-columns:1fr;gap:50px;padding:70px 20px}
.approach-container .method-cards{grid-template-columns:1fr}
.team-highlight{flex-direction:column;padding:70px 20px}
.team-highlight .profile-box{flex:0 0 auto;max-width:320px}
}
@media (max-width: 768px) {
.title-edge-wrap .main-headline{font-size:36px}
.title-edge-wrap .sub-descr{font-size:16px}
.story-section .narrative-column h2{font-size:32px}
.story-section .visual-grid{grid-template-columns:1fr}
.story-section .img-card:nth-child(2){margin-top:0}
.story-section .img-card:nth-child(4){margin-top:0}
.approach-container .intro-text h2{font-size:32px}
.team-highlight .bio-content h2{font-size:28px}
}
.top-heado{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.top-heado::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#a227ab14 0%,transparent 70%);border-radius:50%}
.top-heado::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#A227AB 0%,#0028A1 50%,#CDEABC 100%)}
.title-wrapper-zone{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.primary-heading{font-size:48px;font-weight:700;color:#212529;margin:0 0 20px;line-height:1.2}
.subtitle-phrase{font-size:20px;color:#495057;margin:0;line-height:1.5;max-width:700px}
.contact-mainarea{padding:80px 20px;background:#fff}
.contact-inner-box{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.details-column{display:flex;flex-direction:column;gap:40px}
.info-segment{padding-bottom:30px;border-bottom:2px dashed #dee2e6}
.segment-title2{font-size:32px;font-weight:700;color:#212529;margin:0 0 16px;line-height:1.3}
.detail-intro{font-size:16px;color:#6c757d;margin:0;line-height:1.6}
.contact-method-listing{display:flex;flex-direction:column;gap:24px}
.method-card{display:flex;gap:20px;padding:24px;background:#f8f9fa;border-left:4px solid #A227AB;transition:all 300ms ease}
.method-card:nth-child(2){border-left-color:#0028A1}
.method-card:nth-child(3){border-left-color:#CDEABC}
.method-card:hover{background:#e9ecef;transform:translateX(4px);box-shadow:0 4px 12px #00000014}
.icon-holder{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px}
.method-info{display:flex;flex-direction:column;gap:6px}
.method-label{font-size:13px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}
.method-value{font-size:16px;color:#212529;line-height:1.5;text-decoration:none}
a.method-value{color:#0028A1;transition:color 200ms}
a.method-value:hover{color:#A227AB}
.messaging-options{margin-top:20px;padding:30px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:2px dotted #dee2e6;border-radius:6px}
.messaging-title{font-size:18px;font-weight:600;color:#212529;margin:0 0 20px}
.messenger-links{display:flex;gap:12px;flex-wrap:wrap}
.messenger-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:2px solid #dee2e6;border-radius:6px;font-size:14px;font-weight:600;color:#495057;text-decoration:none;transition:all 200ms}
.messenger-btn:hover{border-color:#A227AB;color:#A227AB;transform:translateY(-2px);box-shadow:0 4px 8px #a227ab26}
.whatsapp-btn:hover{border-color:#25D366;color:#25D366}
.viber-btn:hover{border-color:#7360F2;color:#7360F2}
.telegram-btn:hover{border-color:#08c;color:#08c}
.form-column{position:relative}
.form-container-outer{background:#fff;padding:50px;border-radius:10px;box-shadow:0 8px 24px #00000014;border-top:4px solid #A227AB}
.form-headline{font-size:28px;font-weight:700;color:#212529;margin:0 0 12px}
.form-description{font-size:16px;color:#6c757d;margin:0 0 36px;line-height:1.5}
.contact-form-tech{display:flex;flex-direction:column;gap:24px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field-group{display:flex;flex-direction:column;gap:8px}
.field-label{font-size:14px;font-weight:600;color:#343a40;letter-spacing:.2px}
.input-field,.textarea-field,.select-field{padding:14px 16px;font-size:15px;color:#212529;background:#f8f9fa;border:2px solid #dee2e6;border-radius:6px;transition:all 200ms;font-family:inherit}
.input-field:focus,.textarea-field:focus,.select-field:focus{outline:none;border-color:#A227AB;background:#fff;box-shadow:0 0 0 3px #a227ab1a}
.textarea-field{resize:vertical;min-height:120px}
.select-wrapper{position:relative}
.select-wrapper::after{content:'';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #6c757d;pointer-events:none}
.select-field{width:100%;appearance:none;cursor:pointer;padding-right:40px}
.checkbox-group{display:flex;gap:12px;align-items:start;padding:20px 0}
.checkbox-input{margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:#A227AB;flex-shrink:0}
.checkbox-label{font-size:14px;color:#495057;line-height:1.5;cursor:pointer}
.privacy-link{color:#0028A1;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 200ms}
.privacy-link:hover{border-bottom-color:#0028A1}
.submit-btn{padding:16px 40px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#A227AB 0%,#0028A1 100%);border:none;border-radius:6px;cursor:pointer;transition:all 300ms;box-shadow:0 4px 12px #a227ab4d;align-self:flex-start;z-index:10;position:relative}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a227ab66}
.submit-btn:active{transform:translateY(0)}
@media (max-width: 968px) {
.contact-inner-box{grid-template-columns:1fr;gap:60px}
.primary-heading{font-size:36px}
.subtitle-phrase{font-size:18px}
.form-container-outer{padding:40px 30px}
.field-row{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 640px) {
.top-heado{padding:60px 20px 40px}
.primary-heading{font-size:28px}
.subtitle-phrase{font-size:16px}
.contact-mainarea{padding:60px 20px}
.segment-title2{font-size:24px}
.form-headline{font-size:24px}
.form-container-outer{padding:30px 20px}
.method-card{padding:20px}
.messaging-options{padding:24px 20px}
.messenger-links{flex-direction:column}
.messenger-btn{justify-content:center}
}
.heado-strip{display:flex;gap:0;max-width:1320px;margin:0 auto;padding:60px 20px;align-items:stretch}
.heado-strip .img-zone{width:180px;flex-shrink:0;position:relative;overflow:hidden;border-radius:8px}
.heado-strip .img-zone::before{content:'';position:absolute;top:-10px;left:-10px;width:6px;height:6px;background:radial-gradient(circle,#A227AB 1px,transparent 1px);background-size:12px 12px;opacity:.15;pointer-events:none;z-index:1}
.heado-strip .img-zone img{width:100%;height:100%;object-fit:cover;display:block;animation:breathe-pulse 6s ease-in-out infinite}
@keyframes breathe-pulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.04)}
}
.heado-strip .text-zone{flex:1;padding-left:50px;display:flex;flex-direction:column;justify-content:center}
.heado-strip .text-zone .pre-head{font-size:15px;color:#666;margin-bottom:14px;letter-spacing:.3px}
.heado-strip .text-zone h1{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 18px;line-height:1.2}
.heado-strip .text-zone .lead-txt{font-size:17px;color:#444;line-height:1.6;margin:0}
.service-blocks-wrapper{max-width:1320px;margin:0 auto;padding:40px 20px 80px}
.offerings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px}
.service-card{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);border-left:4px dashed #A227AB;padding:32px 28px;border-radius:6px;box-shadow:0 2px 8px #0000000d;transition:transform 200ms,box-shadow 300ms}
.service-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #a227ab1f}
.service-card h3{font-size:22px;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.service-card p{font-size:15px;color:#555;line-height:1.6;margin:0 0 20px}
.service-card .feat-list{list-style:none;padding:0;margin:0}
.service-card .feat-list li{font-size:14px;color:#666;padding-left:22px;position:relative;margin-bottom:10px;line-height:1.5}
.service-card .feat-list li::before{content:'';position:absolute;left:0;top:6px;width:12px;height:12px;background:linear-gradient(135deg,#A227AB,#0028A1);border-radius:50%}
.process-showcase{background:linear-gradient(to bottom right,#f4f4f4,#fafafa);padding:50px 40px;border-radius:8px;border:2px dotted #CDEABC;position:relative;overflow:hidden}
.process-showcase::after{content:'';position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,#cdeabc4d,transparent);pointer-events:none}
.process-showcase h2{font-size:34px;color:#1a1a1a;margin:0 0 36px;font-weight:700;text-align:center}
.steps-holder{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;position:relative;z-index:1}
.step-item{background:#fff;padding:26px 22px;border-radius:8px;box-shadow:0 1px 4px #00000014;border-top:3px solid #0028A1;transition:box-shadow 400ms}
.step-item:hover{box-shadow:0 4px 12px #0028a126}
.step-item .step-num{display:inline-block;background:linear-gradient(135deg,#A227AB,#0028A1);color:#fff;width:36px;height:36px;border-radius:50%;text-align:center;line-height:36px;font-size:16px;font-weight:700;margin-bottom:16px}
.step-item h4{font-size:18px;color:#1a1a1a;margin:0 0 10px;font-weight:600}
.step-item p{font-size:14px;color:#555;line-height:1.6;margin:0}
.client-outcome{max-width:1320px;margin:80px auto 0;padding:0 20px 60px;display:flex;gap:40px;align-items:center}
.client-outcome .profile-section{width:280px;flex-shrink:0}
.client-outcome .profile-section img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 14px #0000001a}
.client-outcome .story-section{flex:1}
.client-outcome .story-section h3{font-size:28px;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.client-outcome .story-section p{font-size:16px;color:#444;line-height:1.7;margin-bottom:16px}
.client-outcome .story-section .name-tag{font-size:15px;color:#666;font-style:italic;margin-top:24px}
.client-outcome .story-section .name-tag strong{color:#A227AB;font-weight:600}
.cta-zone{text-align:center;max-width:1320px;margin:60px auto 0;padding:0 20px 80px}
.cta-zone .btn-primary{display:inline-block;background:linear-gradient(135deg,#A227AB,#0028A1);color:#fff;padding:16px 44px;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;box-shadow:0 4px 10px #a227ab40;transition:transform 200ms,box-shadow 300ms;position:relative;z-index:10}
.cta-zone .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #a227ab59}
@media (max-width: 768px) {
.heado-strip{flex-direction:column;padding:40px 20px}
.heado-strip .img-zone{width:100%;height:220px;margin-bottom:30px}
.heado-strip .text-zone{padding-left:0}
.heado-strip .text-zone h1{font-size:32px}
.offerings-grid{grid-template-columns:1fr;gap:24px}
.process-showcase{padding:40px 24px}
.process-showcase h2{font-size:28px}
.steps-holder{grid-template-columns:1fr}
.client-outcome{flex-direction:column;margin-top:60px}
.client-outcome .profile-section{width:100%;max-width:320px}
.client-outcome .story-section h3{font-size:24px}
}
.success-heado{position:relative;overflow:hidden;padding:0;margin:0 auto 80px;max-width:1320px}
.success-heado .img-strip{width:100%;height:140px;background:linear-gradient(135deg,#A227AB15,#0028A115,#CDEABC25);position:relative;margin-bottom:48px;border-radius:8px}
.success-heado .img-strip::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#a227ab4d,#0028a14d,transparent);animation:waveSlide 2s ease-out forwards}
@keyframes waveSlide {
to{left:100%}
}
.success-heado .txt-zone{text-align:center;padding:0 24px}
.success-heado .main-heading{font-size:2.8rem;line-height:1.2;margin:0 0 20px;color:#1a1a1a}
.success-heado .main-heading .accent-word{background:linear-gradient(135deg,#A227AB,#0028A1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.success-heado .subtext{font-size:1.1rem;line-height:1.6;color:#4a4a4a;max-width:680px;margin:0 auto}
.confirmation-area{max-width:1320px;margin:0 auto 100px;padding:0 24px}
.confirmation-area .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.confirmation-area .info-card{background:#fafafa;border-left:4px solid #A227AB;padding:32px 28px;border-radius:6px;transition:all 280ms ease;position:relative}
.confirmation-area .info-card:nth-child(2){border-left-color:#0028A1}
.confirmation-area .info-card:nth-child(3){border-left-color:#CDEABC}
.confirmation-area .info-card::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,#A227AB08,#0028A108);transition:width 350ms ease;border-radius:6px;z-index:1}
.confirmation-area .info-card:hover::before{width:100%}
.confirmation-area .info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}
.confirmation-area .card-icon{width:56px;height:56px;margin-bottom:20px;position:relative;z-index:2}
.confirmation-area .card-title{font-size:1.4rem;font-weight:600;margin:0 0 12px;color:#2a2a2a;position:relative;z-index:2}
.confirmation-area .card-desc{font-size:1rem;line-height:1.7;color:#5a5a5a;margin:0;position:relative;z-index:2}
.confirmation-area .card-desc a{color:#0028A1;text-decoration:none;border-bottom:1px dotted #0028A1;transition:border-bottom-color 180ms ease}
.confirmation-area .card-desc a:hover{border-bottom-color:#A227AB}
.next-steps-container{max-width:920px;margin:0 auto 120px;padding:0 24px}
.next-steps-container .section-label{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:#A227AB;margin:0 0 28px;text-align:center}
.next-steps-container .steps-wrapper{display:flex;flex-direction:column;gap:24px}
.next-steps-container .step-item{display:grid;grid-template-columns:70px 1fr;gap:24px;align-items:start;padding:28px;background:#fff;border:2px dashed #e0e0e0;border-radius:8px;transition:border-color 250ms ease;position:relative}
.next-steps-container .step-item:hover{border-color:#A227AB}
.next-steps-container .step-num{width:70px;height:70px;background:linear-gradient(135deg,#A227AB,#0028A1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;flex-shrink:0}
.next-steps-container .step-content h3{font-size:1.3rem;margin:0 0 10px;color:#2a2a2a}
.next-steps-container .step-content p{font-size:1rem;line-height:1.7;color:#5a5a5a;margin:0}
.next-steps-container .step-content p strong{color:#0028A1}
.action-zone{max-width:1320px;margin:0 auto 100px;padding:64px 24px;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:10px;text-align:center}
.action-zone .zone-heading{font-size:2rem;margin:0 0 16px;color:#1a1a1a}
.action-zone .zone-text{font-size:1.1rem;line-height:1.6;color:#4a4a4a;margin:0 0 36px;max-width:620px;margin-left:auto;margin-right:auto}
.action-zone .btn-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.action-zone .primary-btn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#A227AB,#0028A1);color:#fff;text-decoration:none;border-radius:8px;font-size:1.05rem;font-weight:600;transition:all 220ms ease;border:none;position:relative;z-index:10}
.action-zone .primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a227ab4d}
.action-zone .secondary-btn{display:inline-block;padding:16px 40px;background:transparent;color:#0028A1;text-decoration:none;border-radius:8px;font-size:1.05rem;font-weight:600;border:2px solid #0028A1;transition:all 220ms ease;position:relative;z-index:10}
.action-zone .secondary-btn:hover{background:#0028A1;color:#fff;transform:translateY(-2px)}
@media (max-width: 768px) {
.success-heado .main-heading{font-size:2rem}
.success-heado .img-strip{height:100px;margin-bottom:32px}
.confirmation-area .info-grid{grid-template-columns:1fr}
.next-steps-container .step-item{grid-template-columns:60px 1fr;gap:16px;padding:20px}
.next-steps-container .step-num{width:60px;height:60px;font-size:1.5rem}
.next-steps-container .step-content h3{font-size:1.15rem}
.action-zone{padding:48px 20px}
.action-zone .zone-heading{font-size:1.6rem}
.action-zone .btn-group{flex-direction:column;align-items:stretch}
.action-zone .primary-btn,.action-zone .secondary-btn{width:100%}
}
@media (max-width: 480px) {
.success-heado .main-heading{font-size:1.7rem}
.success-heado .subtext{font-size:1rem}
}