@import "https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&display=swap";
html,body{height:100%;font-family:'Oxygen',sans-serif;background:#f7f9fc;color:#1a1a2e}
body{display:flex;flex-direction:column;min-height:100%}
main{flex:1 0 auto}
.siteHeader{background:#fff;box-shadow:0 2px 4px #2a73e114 0 6px 16px #2a73e10d 0 1px 0 #2a73e11f;position:relative;z-index:100}
.headerTop{background:#2A73E1;padding:6px 0}
.headerTop .topInner{max-width:1536px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.headerTop .contactMeta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.headerTop .contactMeta a{color:#ffffffe0;font-size:.78rem;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}
.headerTop .contactMeta a:hover{color:#fff}
.headerTop .contactMeta ion-icon{font-size:.9rem;color:#08ABB4}
.headerTop .siteBadge{font-size:.72rem;color:#fff9;letter-spacing:.04em}
.headerMain{max-width:1536px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}
.logoArea{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}
.logoArea img{width:90px;height:90px;object-fit:contain;border-radius:16px;background:#f0f5ff;padding:6px;box-shadow:0 2px 8px #2a73e126}
.logoText{display:flex;flex-direction:column}
.logoText .brandName{font-size:1.4rem;font-weight:700;color:#2A73E1;line-height:1.1;letter-spacing:-.02em}
.logoText .brandSub{font-size:.7rem;color:#08ABB4;letter-spacing:.06em;text-transform:uppercase}
.mainNav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.mainNav a{color:#2d3748;font-size:.9rem;font-weight:400;text-decoration:none;padding:10px 16px;border-radius:24px;border:1.5px solid transparent;transition:background 0.2s,color 0.2s,border-color .2s;white-space:nowrap}
.mainNav a:hover{background:#f0f5ff;color:#2A73E1;border-color:#2a73e126}
.mainNav a.nav-active{background:#2A73E1;color:#fff;border-color:#2A73E1}
.mainNav a.ctaLink{background:#08ABB4;color:#fff;border-color:#08ABB4;font-weight:700}
.mainNav a.ctaLink:hover{background:#079aa3;border-color:#079aa3;color:#fff}
@media (max-width: 768px) {
.headerTop .siteBadge{display:none}
.mainNav a{padding:8px 11px;font-size:.82rem}
.logoText .brandName{font-size:1.1rem}
.logoArea img{width:60px;height:60px}
}
@media (max-width: 480px) {
.headerMain{flex-direction:column;padding:12px 16px;gap:12px;align-items:flex-start}
.mainNav{justify-content:flex-start}
.mainNav a{padding:7px 10px;font-size:.78rem}
}
.siteFooter{background:#1a2744;flex-shrink:0}
.footerTop{background:#2A73E1;padding:48px 0 40px}
.footerTopInner{max-width:1536px;margin:auto;padding:0 32px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.footerBrandBlock .footerLogo{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footerBrandBlock .footerLogo img{width:60px;height:60px;object-fit:contain;border-radius:14px;background:#ffffff26;padding:6px}
.footerBrandBlock .footerLogo .fBrandName{font-size:1.3rem;font-weight:700;color:#fff}
.footerBrandBlock p{color:#ffffffbf;font-size:.85rem;line-height:1.6;max-width:280px}
.footerContactList{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.footerContactList a{color:#fffc;font-size:.82rem;text-decoration:none;display:flex;align-items:flex-start;gap:8px;transition:color .2s}
.footerContactList a:hover{color:#fff}
.footerContactList ion-icon{color:#08ABB4;font-size:1rem;flex-shrink:0;margin-top:2px}
.footerNavBlock h5{color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid #fff3}
.footerNavBlock ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.footerNavBlock ul li a{color:#ffffffc7;font-size:.87rem;text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .2s}
.footerNavBlock ul li a:hover{color:#fff}
.footerNavBlock ul li a ion-icon{color:#08ABB4;font-size:.9rem}
.footerBottom{background:#111d36;padding:18px 32px}
.footerBottomInner{max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footerBottom .copyright{color:#ffffff73;font-size:.78rem}
.footerBottom .footerBottomLinks{display:flex;gap:20px}
.footerBottom .footerBottomLinks a{color:#ffffff73;font-size:.78rem;text-decoration:none;transition:color .2s}
.footerBottom .footerBottomLinks a:hover{color:#fffc}
@media (max-width: 900px) {
.footerTopInner{grid-template-columns:1fr 1fr}
.footerBrandBlock{grid-column:span 2}
}
@media (max-width: 560px) {
.footerTopInner{grid-template-columns:1fr}
.footerBrandBlock{grid-column:span 1}
.footerBottom{padding:18px 20px}
.footerBottomInner{flex-direction:column;align-items:flex-start}
}
.cookiePanel{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(-100%);width:96%;max-width:860px;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -4px 32px #2a73e12e 0 -2px 8px #00000014;z-index:9999;padding:28px 32px 24px;transition:transform .4s cubic-bezier(0.34,1.2,0.64,1)}
.cookiePanel[data-state="hidden"]{transform:translateX(-50%) translateY(120%);pointer-events:none}
.cookiePanel[data-state="visible"]{transform:translateX(-50%) translateY(0)}
.cookiePanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.cookiePanelHead h4{font-size:1rem;font-weight:700;color:#1a1a2e;display:flex;align-items:center;gap:8px}
.cookiePanelHead h4 ion-icon{color:#2A73E1;font-size:1.2rem}
.cookiePanelBody p{font-size:.83rem;color:#555;line-height:1.6;margin-bottom:18px}
.cookieGroup{background:#f4f7fd;border-radius:16px;padding:14px 18px;margin-bottom:18px}
.cookieGroupRow{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cookieGroupLabel{font-size:.85rem;font-weight:700;color:#2d3748}
.cookieGroupDesc{font-size:.78rem;color:#777;margin-top:4px}
.toggleSwitch{position:relative;width:46px;height:26px;flex-shrink:0}
.toggleSwitch input{opacity:0;width:0;height:0}
.toggleSlider{position:absolute;inset:0;background:#ccc;border-radius:26px;cursor:pointer;transition:background .2s}
.toggleSlider::before{content:'';position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;left:3px;top:3px;transition:transform .2s;box-shadow:0 1px 4px #0000002e}
.toggleSwitch input:checked + .toggleSlider{background:#2A73E1}
.toggleSwitch input:checked + .toggleSlider::before{transform:translateX(20px)}
.cookieActions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.cookieActions button{padding:10px 24px;border-radius:24px;border:none;font-family:'Oxygen',sans-serif;font-size:.87rem;font-weight:700;cursor:pointer;transition:background 0.2s,color .2s}
.btnDecline{background:#f0f0f0;color:#555}
.btnDecline:hover{background:#e0e0e0}
.btnAccept{background:#2A73E1;color:#fff}
.btnAccept:hover{background:#1e5fc4}
@media (max-width: 560px) {
.cookiePanel{padding:20px 18px 18px}
.cookieActions{justify-content:stretch}
.cookieActions button{flex:1}
}
.legal-main{max-width:860px;margin:0 auto;padding:48px 32px 80px;background:#fff;border-radius:24px;box-shadow:4px 4px 0 #2a73e11f}
.legal-main h1{font-size:2.2rem;font-weight:800;line-height:1.2;color:#1a1a2e;margin-top:0;margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid #2A73E1}
.legal-main h2{font-size:1.6rem;font-weight:700;line-height:1.3;color:#1a1a2e;margin-top:48px;margin-bottom:16px;padding-left:14px;border-left:4px solid #08ABB4}
.legal-main h3{font-size:1.25rem;font-weight:700;line-height:1.35;color:#2a2a3e;margin-top:36px;margin-bottom:12px;padding-left:10px;border-left:3px solid #2a73e166}
.legal-main h4{font-size:1.05rem;font-weight:700;line-height:1.4;color:#2a2a3e;margin-top:28px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.legal-main h5{font-size:.95rem;font-weight:700;line-height:1.4;color:#3a3a5e;margin-top:24px;margin-bottom:8px;letter-spacing:.03em}
.legal-main h6{font-size:.875rem;font-weight:700;line-height:1.4;color:#7E3D12;margin-top:20px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}
.legal-main p{font-size:1rem;line-height:1.85;color:#3a3a4a;margin-top:0;margin-bottom:18px;max-width:72ch}
.legal-main ul{list-style:none;padding-left:0;margin-top:0;margin-bottom:20px}
.legal-main ol{list-style:none;counter-reset:policyCounter;padding-left:0;margin-top:0;margin-bottom:20px}
.legal-main ul li{font-size:1rem;line-height:1.8;color:#3a3a4a;padding:6px 0 6px 28px;position:relative;margin-bottom:4px}
.legal-main ul li::before{content:"";position:absolute;left:0;top:15px;width:8px;height:8px;border-radius:50%;background:#08ABB4;box-shadow:2px 2px 0 #08abb44d}
.legal-main ol li{font-size:1rem;line-height:1.8;color:#3a3a4a;padding:6px 0 6px 36px;position:relative;margin-bottom:4px;counter-increment:policyCounter}
.legal-main ol li::before{content:counter(policyCounter) ".";position:absolute;left:0;top:6px;font-weight:700;font-size:.875rem;color:#2A73E1;min-width:28px}
.legal-main ul li ul,.legal-main ol li ol,.legal-main ul li ol,.legal-main ol li ul{margin-top:8px;margin-bottom:4px;padding-left:16px}
.legal-main ul li ul li::before{background:transparent;border:2px solid #08ABB4;width:6px;height:6px;top:14px}
.legal-main strong,.legal-main b{font-weight:700;color:#1a1a2e}
.legal-main a{color:#2A73E1;text-decoration:underline;text-decoration-color:#2a73e166;text-underline-offset:3px;font-weight:500;transition:color .2s ease,text-decoration-color .2s ease}
.legal-main a:hover{color:#08ABB4;text-decoration-color:#08abb499}
.legal-main a:visited{color:#7E3D12;text-decoration-color:#7e3d1266}
.legal-main table{width:100%;border-collapse:separate;border-spacing:0;margin-top:8px;margin-bottom:28px;border-radius:16px;overflow:hidden;box-shadow:3px 3px 0 #2a73e11a;font-size:.9rem}
.legal-main thead{background:#2A73E1}
.legal-main thead th{color:#fff;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;padding:14px 18px;text-align:left;border:none}
.legal-main tbody{background:#fff}
.legal-main tbody tr{border-bottom:1px solid #2a73e11a;transition:background .15s ease}
.legal-main tbody tr:nth-child(even){background:#08abb40a}
.legal-main tbody tr:last-child{border-bottom:none}
.legal-main tbody tr:hover{background:#2a73e10f}
.legal-main td{padding:13px 18px;color:#3a3a4a;line-height:1.6;vertical-align:top;border:none}
.legal-main th{padding:14px 18px}
.legal-main hr{border:none;height:2px;background:linear-gradient(90deg,#2A73E1 0%,#08ABB4 50%,#08abb400 100%);margin:40px 0;border-radius:2px;opacity:.5}
@media screen and (max-width: 768px) {
.legal-main{padding:32px 20px 60px;border-radius:16px}
.legal-main h1{font-size:1.7rem}
.legal-main h2{font-size:1.3rem;margin-top:36px}
.legal-main h3{font-size:1.1rem;margin-top:28px}
.legal-main p{font-size:.97rem;line-height:1.75}
.legal-main ul li,.legal-main ol li{font-size:.97rem}
.legal-main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
.legal-main td,.legal-main thead th{padding:10px 12px;font-size:.85rem;white-space:nowrap}
}
@media screen and (max-width: 480px) {
.legal-main{padding:24px 16px 48px;border-radius:12px;box-shadow:2px 2px 0 #2a73e11a}
.legal-main h1{font-size:1.45rem}
.legal-main h2{font-size:1.15rem}
.legal-main h3{font-size:1rem}
.legal-main p{font-size:.94rem;line-height:1.7;max-width:100%}
.legal-main hr{margin:28px 0}
}
.titleLayer{position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 40%,#0f3460 100%);padding:80px 20px}
.titleLayer .patternDots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#2a73e12e 1.5px,transparent 1.5px);background-size:32px 32px;pointer-events:none}
.titleLayer .depthBack{position:absolute;top:-40px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#08abb438 0%,transparent 70%);pointer-events:none}
.titleLayer .depthBack-2{position:absolute;bottom:-80px;left:-40px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#2a73e126 0%,transparent 70%);pointer-events:none}
.titleInner{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:60px;position:relative;z-index:2}
.titleText{flex:1 1 55%}
.titleText .pageLabel{display:inline-block;background:#08abb42e;color:#08ABB4;font-size:.75rem;letter-spacing:2.5px;text-transform:uppercase;padding:6px 16px;border-radius:20px;border:1px solid #08abb459;margin-bottom:22px}
.titleText h1{font-size:2.6rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:18px}
.titleText h1 .accentWord{color:#08ABB4;position:relative}
.titleText h1 .accentWord::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#08ABB4,#2A73E1);border-radius:2px}
.titleText .titleDesc{color:#ffffffb8;font-size:1.05rem;line-height:1.7;max-width:480px}
.titleImageWrap{flex:1 1 40%;position:relative}
.titleImageWrap .imgBlurFrame{border-radius:24px;overflow:hidden;position:relative;box-shadow:0 8px 32px #00000073}
.titleImageWrap .imgBlurFrame::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#08abb447 100%);border-radius:24px}
.titleImageWrap .imgBlurFrame img{width:100%;height:320px;object-fit:cover;display:block;filter:brightness(0.92)}
.titleImageWrap .floatBadge{position:absolute;bottom:-18px;left:-18px;background:#2A73E1;color:#fff;border-radius:16px;padding:12px 20px;font-size:.82rem;font-weight:700;box-shadow:4px 4px 0 #00000040;z-index:3;white-space:nowrap}
.rhythmBar{display:flex;flex-direction:row;gap:8px;margin-top:32px}
.rhythmBar span{display:block;height:4px;border-radius:3px}
.rhythmBar .r1{width:48px;background:#2A73E1}
.rhythmBar .r2{width:24px;background:#08ABB4;opacity:.6}
.rhythmBar .r3{width:14px;background:#08ABB4;opacity:.35}
.methodStepsSection{background:#f7f9fc;padding:80px 20px}
.methodStepsInner{max-width:1200px;margin:0 auto}
.sectionHead{margin-bottom:52px}
.sectionHead .sectionTag{display:inline-flex;align-items:center;gap:8px;color:#2A73E1;font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}
.sectionHead .sectionTag::before{content:'';display:inline-block;width:20px;height:3px;background:#2A73E1;border-radius:2px}
.sectionHead h2{font-size:2rem;font-weight:800;color:#1a1a2e;margin-bottom:10px}
.sectionHead p{color:#555;font-size:1rem;max-width:520px;line-height:1.65}
.stepsGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.stepCard{background:#fff;border-radius:24px;padding:36px 32px;box-shadow:4px 4px 0 #2a73e11a 0 2px 12px #0000000f;display:flex;flex-direction:row;align-items:flex-start;gap:22px;transition:box-shadow 0.2s,transform .2s;border:1.5px solid #2a73e114}
.stepCard:hover{box-shadow:6px 6px 0 #2a73e12e 0 4px 24px #0000001a;transform:translateY(-3px)}
.stepCard .stepNum{flex-shrink:0;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;color:#fff}
.stepCard.s1 .stepNum{background:linear-gradient(135deg,#2A73E1,#1a4fa0)}
.stepCard.s2 .stepNum{background:linear-gradient(135deg,#08ABB4,#057d84)}
.stepCard.s3 .stepNum{background:linear-gradient(135deg,#7E3D12,#5a2b0d)}
.stepCard.s4 .stepNum{background:linear-gradient(135deg,#2A73E1,#08ABB4)}
.stepCard .stepBody h4{font-size:1.1rem;font-weight:800;color:#1a1a2e;margin-bottom:8px}
.stepCard .stepBody p{color:#666;font-size:.93rem;line-height:1.6;margin:0}
.approachSection{background:#fff;padding:80px 20px;position:relative;overflow:hidden}
.approachSection::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2A73E1,#08ABB4,#7E3D12)}
.approachInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.approachVisual{position:relative}
.approachVisual .mainImg{border-radius:28px;overflow:hidden;box-shadow:8px 8px 0 #2a73e126}
.approachVisual .mainImg img{width:100%;height:360px;object-fit:cover;display:block}
.approachVisual .statsFloat{position:absolute;top:-20px;right:-20px;background:#2A73E1;border-radius:20px;padding:18px 22px;color:#fff;text-align:center;box-shadow:4px 4px 0 #0000002e;min-width:110px}
.approachVisual .statsFloat .statNum{font-size:1.8rem;font-weight:900;line-height:1}
.approachVisual .statsFloat .statLabel{font-size:.72rem;opacity:.85;margin-top:4px;line-height:1.3}
.approachContent h2{font-size:1.85rem;font-weight:800;color:#1a1a2e;margin-bottom:16px;line-height:1.3}
.approachContent h2 .highlight{background:linear-gradient(135deg,#2A73E1,#08ABB4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.approachContent .leadText{color:#555;font-size:1rem;line-height:1.7;margin-bottom:28px}
.featureList{display:flex;flex-direction:column;gap:16px}
.featureItem{display:flex;flex-direction:row;align-items:flex-start;gap:14px}
.featureItem .feIcon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#2a73e11a;display:flex;align-items:center;justify-content:center;color:#2A73E1;font-size:1rem}
.featureItem .feText h5{font-size:.95rem;font-weight:700;color:#1a1a2e;margin-bottom:2px}
.featureItem .feText p{color:#777;font-size:.87rem;line-height:1.55;margin:0}
.waveDivider{line-height:0;overflow:hidden;background:#fff}
.waveDivider svg{display:block;width:100%}
.testimonialSection{background:linear-gradient(160deg,#0f1e40 0%,#1a3a6b 50%,#0a2444 100%);padding:80px 20px;position:relative;overflow:hidden}
.testimonialSection::after{content:'';position:absolute;bottom:0;right:0;width:350px;height:350px;background:radial-gradient(circle,#08abb41f 0%,transparent 70%);pointer-events:none}
.testimonialInner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.tSection-head{text-align:center;margin-bottom:52px}
.tSection-head h2{font-size:2rem;font-weight:800;color:#fff;margin-bottom:10px}
.tSection-head p{color:#ffffffa6;font-size:1rem;max-width:480px;margin:0 auto;line-height:1.65}
.tCards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tCard{background:#ffffff12;border:1px solid #ffffff1f;border-radius:24px;padding:32px 26px;backdrop-filter:blur(8px);transition:background 0.2s,transform .2s}
.tCard:hover{background:#ffffff1f;transform:translateY(-4px)}
.tCard .quoteIcon{font-size:2.2rem;color:#08ABB4;line-height:1;margin-bottom:14px;display:block}
.tCard .quoteText{color:#ffffffd9;font-size:.92rem;line-height:1.7;margin-bottom:24px}
.tCard .tProfile{display:flex;flex-direction:row;align-items:center;gap:14px}
.tCard .tProfile img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #08abb480}
.tCard .tProfile .tName{font-size:.92rem;font-weight:700;color:#fff}
.tCard .tProfile .tRole{font-size:.78rem;color:#ffffff8c;margin-top:2px}
.tCard .starRow{display:flex;flex-direction:row;gap:3px;margin-bottom:16px}
.tCard .starRow .star{color:#f5c842;font-size:.85rem}
.seoMethodSection{background:#f0f4ff;padding:80px 20px}
.seoMethodInner{max-width:1200px;margin:0 auto}
.seoMethodGrid{display:grid;grid-template-columns:5fr 4fr;gap:56px;align-items:start}
.seoMethodContent h2{font-size:1.85rem;font-weight:800;color:#1a1a2e;margin-bottom:14px;line-height:1.3}
.seoMethodContent .introText{color:#555;font-size:1rem;line-height:1.7;margin-bottom:32px}
.accordionWrap{display:flex;flex-direction:column;gap:0;border-radius:20px;overflow:hidden;box-shadow:4px 4px 0 #2a73e11a}
.accItem input[type="checkbox"]{display:none}
.accLabel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:18px 24px;background:#fff;cursor:pointer;font-weight:700;color:#1a1a2e;font-size:.95rem;border-bottom:1px solid #2a73e114;transition:background .18s;user-select:none}
.accLabel:hover{background:#2a73e10a}
.accLabel .accArrow{width:22px;height:22px;border-radius:50%;background:#2a73e11f;display:flex;align-items:center;justify-content:center;color:#2A73E1;font-size:.9rem;transition:transform 0.22s,background .18s;flex-shrink:0}
.accItem input[type="checkbox"]:checked + .accLabel{background:#2A73E1;color:#fff;border-bottom-color:transparent}
.accItem input[type="checkbox"]:checked + .accLabel .accArrow{background:#ffffff38;color:#fff;transform:rotate(45deg)}
.accBody{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#fff}
.accItem input[type="checkbox"]:checked ~ .accBody{max-height:200px}
.accBody .accBodyInner{padding:18px 24px;color:#666;font-size:.9rem;line-height:1.65;border-bottom:1px solid #2a73e114}
.seoMethodVisual{position:sticky;top:32px}
.seoImgCard{border-radius:24px;overflow:hidden;box-shadow:6px 6px 0 #7e3d1226;margin-bottom:22px}
.seoImgCard img{width:100%;height:240px;object-fit:cover;display:block}
.seoMetricStrip{background:#fff;border-radius:20px;padding:22px 24px;display:flex;flex-direction:row;gap:20px;box-shadow:4px 4px 0 #2a73e114}
.seoMetricStrip .metric{flex:1;text-align:center;padding:12px 8px;border-radius:14px;background:#2a73e10f}
.seoMetricStrip .metric .mVal{font-size:1.5rem;font-weight:900;color:#2A73E1;line-height:1}
.seoMetricStrip .metric .mLabel{font-size:.72rem;color:#888;margin-top:4px;line-height:1.3}
.seoMetricStrip .metric.m2 .mVal{color:#08ABB4}
.seoMetricStrip .metric.m3 .mVal{color:#7E3D12}
@media (max-width: 1024px) {
.titleInner{flex-direction:column;gap:36px}
.titleImageWrap{width:100%;max-width:480px}
.stepsGrid{grid-template-columns:1fr}
.approachInner{grid-template-columns:1fr;gap:40px}
.approachVisual .statsFloat{top:12px;right:12px}
.tCards{grid-template-columns:1fr 1fr}
.seoMethodGrid{grid-template-columns:1fr;gap:36px}
.seoMethodVisual{position:static}
}
@media (max-width: 640px) {
.titleText h1{font-size:1.8rem}
.tCards{grid-template-columns:1fr}
.stepsGrid{grid-template-columns:1fr}
.seoMetricStrip{flex-direction:column;gap:12px}
.stepCard{flex-direction:column}
.titleLayer{padding:52px 16px}
.methodStepsSection,.approachSection,.testimonialSection,.seoMethodSection{padding:52px 16px}
.approachVisual .statsFloat{top:8px;right:8px;padding:12px 14px}
.seoMethodGrid{grid-template-columns:1fr}
}
.heroStage{display:flex;flex-direction:row;align-items:center;max-width:1536px;margin:0 auto;padding:64px 40px 56px;gap:48px;position:relative;overflow:hidden}
.heroStage::before{content:'';position:absolute;left:-120px;top:-80px;width:600px;height:600px;background:radial-gradient(ellipse,#2a73e121 0%,#08abb412 60%,transparent 80%);pointer-events:none;z-index:0}
.heroStage .heroText{flex:1 1 50%;position:relative;z-index:1}
.heroStage .heroText .problemLabel{display:inline-block;background:#7e3d1217;color:#7E3D12;font-size:.82rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:18px}
.heroStage .heroText h1{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;color:#18243a;line-height:1.18;margin-bottom:14px}
.heroStage .heroText h1 .accentWord{color:#2A73E1;position:relative}
.heroStage .heroText h1 .accentWord::after{content:'';display:block;height:4px;width:100%;background:linear-gradient(90deg,#2A73E1,#08ABB4);border-radius:4px;margin-top:2px}
.heroStage .heroText .solutionText{font-size:1.08rem;color:#3d5070;line-height:1.65;margin-bottom:28px;max-width:480px}
.heroStage .heroText .heroCtas{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap}
.heroStage .heroText .heroCtas .ctaPrimary{background:linear-gradient(135deg,#2A73E1 0%,#08ABB4 100%);color:#fff;font-weight:700;font-size:1rem;padding:13px 30px;border-radius:28px;border:none;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 4px 16px #2a73e138;transition:box-shadow 0.2s,transform .2s;position:relative;z-index:2}
.heroStage .heroText .heroCtas .ctaPrimary:hover{box-shadow:0 6px 24px #2a73e157;transform:translateY(-2px)}
.heroStage .heroText .heroCtas .ctaOutline{background:transparent;color:#2A73E1;font-weight:700;font-size:1rem;padding:12px 28px;border-radius:28px;border:2px solid #2A73E1;cursor:pointer;text-decoration:none;display:inline-block;transition:background 0.2s,color .2s;position:relative;z-index:2}
.heroStage .heroText .heroCtas .ctaOutline:hover{background:#2A73E1;color:#fff}
.heroStage .heroVisual{flex:1 1 50%;position:relative;z-index:1;display:flex;justify-content:flex-end}
.heroStage .heroVisual .imgFrame{width:100%;max-width:560px;border-radius:28px;overflow:hidden;box-shadow:6px 6px 0 #2a73e12e 0 8px 32px #08abb41f;position:relative}
.heroStage .heroVisual .imgFrame::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#2a73e12e 0%,#08abb41a 60%,#7e3d1212 100%);pointer-events:none}
.heroStage .heroVisual .imgFrame img{width:100%;height:420px;object-fit:cover;display:block;filter:sepia(0.22) contrast(1.07) saturate(0.92)}
.heroStage .heroVisual .statBadge{position:absolute;bottom:28px;left:-24px;background:#fff;border-radius:18px;box-shadow:0 4px 18px #2a73e129;padding:14px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:148px}
.heroStage .heroVisual .statBadge .badgeNum{font-size:1.5rem;font-weight:800;color:#2A73E1}
.heroStage .heroVisual .statBadge .badgeLbl{font-size:.79rem;color:#5a6a82}
.platformSection{background:#f4f7fc;padding:72px 0 60px}
.platformSection .platformInner{max-width:1536px;margin:0 auto;padding:0 40px}
.platformSection .sectionTag{display:inline-block;background:linear-gradient(90deg,#2A73E1,#08ABB4);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;padding:5px 16px;border-radius:20px;margin-bottom:16px}
.platformSection h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#18243a;margin-bottom:10px;max-width:560px}
.platformSection .sectionSubtitle{font-size:1rem;color:#4e6080;margin-bottom:48px;max-width:520px}
.platformSection .milestoneGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.platformSection .milestoneCard{background:#fff;border-radius:22px;padding:28px 22px 24px;box-shadow:3px 3px 0 #2a73e11a;display:flex;flex-direction:column;gap:10px;transition:box-shadow 0.2s,transform .2s;position:relative;overflow:hidden}
.platformSection .milestoneCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#2A73E1,#08ABB4)}
.platformSection .milestoneCard:hover{box-shadow:5px 5px 0 #08abb42e 0 8px 24px #2a73e117;transform:translateY(-4px)}
.platformSection .milestoneCard .cardYear{font-size:.78rem;font-weight:700;color:#08ABB4;letter-spacing:.08em}
.platformSection .milestoneCard h4{font-size:1.05rem;font-weight:700;color:#18243a;margin:0}
.platformSection .milestoneCard p{font-size:.9rem;color:#5a6a82;line-height:1.55;margin:0}
.platformSection .milestoneCard .cardIcon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2a73e11a,#08abb41a);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.platformSection .milestoneCard .cardIcon ion-icon{font-size:1.4rem;color:#2A73E1}
.platformSection .bottomRow{display:flex;flex-direction:row;gap:28px;margin-top:36px;align-items:stretch}
.platformSection .bottomRow .bigImageCard{flex:1 1 55%;border-radius:24px;overflow:hidden;position:relative;min-height:240px;box-shadow:4px 4px 0 #7e3d121a}
.platformSection .bottomRow .bigImageCard img{width:100%;height:280px;object-fit:cover;display:block;filter:sepia(0.15) contrast(1.05)}
.platformSection .bottomRow .bigImageCard .imgOverlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#2a73e199 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
.platformSection .bottomRow .bigImageCard .imgOverlay .overlayTitle{font-size:1.18rem;font-weight:700;color:#fff;margin-bottom:4px}
.platformSection .bottomRow .bigImageCard .imgOverlay .overlayText{font-size:.88rem;color:#ffffffe0}
.platformSection .bottomRow .statsColumn{flex:1 1 45%;display:flex;flex-direction:column;gap:16px}
.platformSection .bottomRow .statsColumn .statRow{background:#fff;border-radius:18px;padding:18px 22px;display:flex;flex-direction:row;align-items:center;gap:18px;box-shadow:2px 2px 0 #08abb41a}
.platformSection .bottomRow .statsColumn .statRow .statNum{font-size:2rem;font-weight:800;color:#2A73E1;min-width:72px}
.platformSection .bottomRow .statsColumn .statRow .statInfo .statName{font-size:.95rem;font-weight:700;color:#18243a}
.platformSection .bottomRow .statsColumn .statRow .statInfo .statDesc{font-size:.83rem;color:#6a7d96}
.outcomesSection{padding:80px 0 72px;background:#fff}
.outcomesSection .outcomesInner{max-width:1536px;margin:0 auto;padding:0 40px}
.outcomesSection .outcomesHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:44px;gap:24px}
.outcomesSection .outcomesHeader .headerLeft h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#18243a;margin-bottom:8px}
.outcomesSection .outcomesHeader .headerLeft .headerSub{font-size:1rem;color:#4e6080;max-width:460px}
.outcomesSection .outcomesHeader .headerLeft .sectionTag2{display:inline-block;background:#7e3d1217;color:#7E3D12;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:14px}
.outcomesSection .outcomesHeader .headerRight a{color:#2A73E1;font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:2px solid #2a73e14d;transition:border-color .2s}
.outcomesSection .outcomesHeader .headerRight a:hover{border-color:#2A73E1}
.outcomesSection .outcomesGrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:24px}
.outcomesSection .outcomeCard{border-radius:24px;padding:32px 28px;display:flex;flex-direction:column;gap:14px}
.outcomesSection .outcomeCard.card-2{background:linear-gradient(135deg,#2A73E1 0%,#08ABB4 100%);color:#fff}
.outcomesSection .outcomeCard.card-2 h3{color:#fff}
.outcomesSection .outcomeCard.card-2 .outcomePara{color:#ffffffe0}
.outcomesSection .outcomeCard.card-3{background:#f4f7fc}
.outcomesSection .outcomeCard.card-4{background:linear-gradient(135deg,#7e3d1214 0%,#08abb412 100%);border:1.5px solid #7e3d1221}
.outcomesSection .outcomeCard.splitCard{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden;background:#18243a}
.outcomesSection .outcomeCard.splitCard .splitLeft{padding:36px 32px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.outcomesSection .outcomeCard.splitCard .splitLeft h3{color:#fff;font-size:1.25rem;font-weight:700}
.outcomesSection .outcomeCard.splitCard .splitLeft .outcomePara{color:#fffc;font-size:.93rem}
.outcomesSection .outcomeCard.splitCard .splitLeft .changeList{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.outcomesSection .outcomeCard.splitCard .splitLeft .changeList .changeItem{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:.9rem;color:#ffffffe0}
.outcomesSection .outcomeCard.splitCard .splitLeft .changeList .changeItem .chkMark{width:22px;height:22px;border-radius:50%;background:#08abb447;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.outcomesSection .outcomeCard.splitCard .splitLeft .changeList .changeItem .chkMark ion-icon{font-size:.95rem;color:#08ABB4}
.outcomesSection .outcomeCard.splitCard .splitRight{position:relative;overflow:hidden}
.outcomesSection .outcomeCard.splitCard .splitRight img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;filter:sepia(0.18) contrast(1.05)}
.outcomesSection .outcomeCard.splitCard .splitRight::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18243a8c 0%,transparent 70%)}
.outcomesSection .outcomeCard h3{font-size:1.12rem;font-weight:700;color:#18243a;margin:0}
.outcomesSection .outcomeCard .outcomePara{font-size:.92rem;color:#4e6080;line-height:1.6;margin:0}
.outcomesSection .outcomeCard .outcomeIcon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.outcomesSection .outcomeCard.card-2 .outcomeIcon{background:#ffffff2e}
.outcomesSection .outcomeCard.card-2 .outcomeIcon ion-icon{color:#fff;font-size:1.5rem}
.outcomesSection .outcomeCard.card-3 .outcomeIcon{background:#2a73e11a}
.outcomesSection .outcomeCard.card-3 .outcomeIcon ion-icon{color:#2A73E1;font-size:1.5rem}
.outcomesSection .outcomeCard.card-4 .outcomeIcon{background:#7e3d121a}
.outcomesSection .outcomeCard.card-4 .outcomeIcon ion-icon{color:#7E3D12;font-size:1.5rem}
.outcomesSection .profileRow{display:flex;flex-direction:row;gap:28px;margin-top:40px;align-items:stretch}
.outcomesSection .profileRow .profileCard{flex:1;background:#f4f7fc;border-radius:22px;display:flex;flex-direction:row;gap:20px;padding:24px 22px;align-items:center;box-shadow:2px 2px 0 #2a73e117}
.outcomesSection .profileRow .profileCard .profileImg{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #2a73e12e;flex-shrink:0}
.outcomesSection .profileRow .profileCard .profileInfo .profileName{font-size:1rem;font-weight:700;color:#18243a}
.outcomesSection .profileRow .profileCard .profileInfo .profileRole{font-size:.82rem;color:#08ABB4;font-weight:600;margin-bottom:6px}
.outcomesSection .profileRow .profileCard .profileInfo .profileQuote{font-size:.88rem;color:#4e6080;line-height:1.5}
.outcomesSection .profileRow .ctaBox{flex:1;background:linear-gradient(135deg,#2A73E1 0%,#08ABB4 100%);border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.outcomesSection .profileRow .ctaBox .ctaBoxTitle{font-size:1.15rem;font-weight:700;color:#fff}
.outcomesSection .profileRow .ctaBox .ctaBoxText{font-size:.9rem;color:#ffffffd9}
.outcomesSection .profileRow .ctaBox .ctaBoxBtn{display:inline-block;background:#fff;color:#2A73E1;font-weight:700;font-size:.95rem;padding:11px 26px;border-radius:24px;text-decoration:none;align-self:flex-start;transition:background 0.2s,color .2s}
.outcomesSection .profileRow .ctaBox .ctaBoxBtn:hover{background:#18243a;color:#fff}
@media (max-width: 1100px) {
.platformSection .milestoneGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 860px) {
.heroStage{flex-direction:column;padding:40px 20px 36px;gap:32px}
.heroStage .heroVisual{justify-content:center;width:100%}
.heroStage .heroVisual .imgFrame{max-width:100%}
.heroStage .heroVisual .statBadge{left:12px;bottom:16px}
.platformSection .platformInner{padding:0 18px}
.platformSection .bottomRow{flex-direction:column}
.outcomesSection .outcomesInner{padding:0 18px}
.outcomesSection .outcomesHeader{flex-direction:column;align-items:flex-start}
.outcomesSection .outcomesGrid{grid-template-columns:1fr}
.outcomesSection .outcomeCard.splitCard{grid-template-columns:1fr}
.outcomesSection .outcomeCard.splitCard .splitRight img{min-height:180px;height:180px}
.outcomesSection .profileRow{flex-direction:column}
}
@media (max-width: 560px) {
.heroStage{padding:28px 12px 24px}
.platformSection{padding:44px 0 36px}
.platformSection .milestoneGrid{grid-template-columns:1fr}
.outcomesSection{padding:48px 0 44px}
.heroStage .heroText .heroCtas{flex-direction:column}
}
.contactHero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f0f6ff 0%,#e8f4f8 60%,#fef9f5 100%);padding:72px 24px 80px}
.contactHero .heroInner{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:56px}
.contactHero .heroFrame{flex:0 0 420px;position:relative;border-radius:28px;overflow:hidden;box-shadow:6px 6px 0 #2a73e12e}
.contactHero .heroFrame .frameInner{width:100%;height:340px;background:linear-gradient(160deg,#2a73e1d9 0%,#08abb4bf 60%,#7e3d1280 100%);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.contactHero .heroFrame .frameInner svg{opacity:.22;position:absolute;bottom:-20px;right:-20px}
.contactHero .heroFrame .frameBadge{background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center}
.contactHero .heroFrame .frameBadge ion-icon{font-size:52px;color:#fff}
.contactHero .heroFrame .frameLabel{margin-top:18px;color:#ffffffe6;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}
.contactHero .heroText{flex:1}
.contactHero .heroText .heroDesc{font-size:.95rem;color:#7E3D12;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}
.contactHero .heroText h1{font-size:2.4rem;font-weight:800;color:#1a2a3a;line-height:1.2;margin-bottom:20px}
.contactHero .heroText h1 span{color:#2A73E1}
.contactHero .heroText .heroParagraph{color:#445;font-size:1.05rem;line-height:1.7;max-width:420px;margin-bottom:0}
.bgAnim{position:absolute;border-radius:50%;opacity:.07;animation:floatDrift 8s ease-in-out infinite}
.bgAnim-1{width:320px;height:320px;background:#2A73E1;top:-80px;left:-80px;animation-delay:0s}
.bgAnim-2{width:180px;height:180px;background:#08ABB4;bottom:20px;right:80px;animation-delay:3s}
.bgAnim-3{width:100px;height:100px;background:#7E3D12;top:50%;right:200px;animation-delay:5s}
@keyframes floatDrift {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-18px) scale(1.04)}
}
.infoAndFormSection{background:#fff;padding:72px 24px 80px}
.infoAndFormSection .infoFormGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:56px;align-items:start}
.contactInfoCol .infoColTitle{font-size:1.5rem;font-weight:700;color:#1a2a3a;margin-bottom:8px}
.contactInfoCol .infoColSub{color:#667;font-size:.95rem;margin-bottom:32px;line-height:1.6}
.infoCard{display:flex;flex-direction:row;align-items:flex-start;gap:16px;background:#f5f8ff;border-radius:20px;padding:20px 22px;margin-bottom:16px;border-left:4px solid #2A73E1;transition:box-shadow 0.2s,transform .2s}
.infoCard:hover{box-shadow:4px 4px 0 #2a73e124;transform:translateY(-2px)}
.infoCard.infoCard-2{border-left-color:#08ABB4;background:#f0fbfc}
.infoCard.infoCard-3{border-left-color:#7E3D12;background:#fdf7f3}
.infoCard .infoIconBox{width:44px;height:44px;border-radius:14px;background:#2a73e11f;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.infoCard.infoCard-2 .infoIconBox{background:#08abb41f}
.infoCard.infoCard-3 .infoIconBox{background:#7e3d121f}
.infoCard .infoIconBox ion-icon{font-size:22px;color:#2A73E1}
.infoCard.infoCard-2 .infoIconBox ion-icon{color:#08ABB4}
.infoCard.infoCard-3 .infoIconBox ion-icon{color:#7E3D12}
.infoCard .infoCardBody .infoCardLabel{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#99a;margin-bottom:4px}
.infoCard .infoCardBody .infoCardValue{font-size:.98rem;color:#1a2a3a;font-weight:500;line-height:1.55}
.infoCard .infoCardBody .infoCardValue a{color:#2A73E1;text-decoration:none}
.infoCard .infoCardBody .infoCardValue a:hover{text-decoration:underline}
.contactFormCol .formTitle{font-size:1.5rem;font-weight:700;color:#1a2a3a;margin-bottom:8px}
.contactFormCol .formSubtitle{color:#667;font-size:.95rem;margin-bottom:28px}
.compactForm{background:#f9fbff;border-radius:24px;padding:36px 32px;box-shadow:0 2px 8px #2a73e112}
.formCategoryRow{margin-bottom:22px}
.formCategoryRow .catLabel{font-size:.8rem;font-weight:700;color:#667;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.categoryTabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.categoryTabs input[type="radio"]{display:none}
.categoryTabs label{padding:7px 16px;border-radius:30px;border:1.5px solid #d0daf0;font-size:.85rem;font-weight:500;color:#445;cursor:pointer;background:#fff;transition:background 0.15s,border-color 0.15s,color .15s;user-select:none}
.categoryTabs input[type="radio"]:checked + label{background:#2A73E1;border-color:#2A73E1;color:#fff}
.categoryTabs label:hover{border-color:#2A73E1;color:#2A73E1}
.formRow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.formField{display:flex;flex-direction:column;gap:6px}
.formField.fullWidth{grid-column:1 / -1}
.formField label{font-size:.8rem;font-weight:600;color:#556;text-transform:uppercase;letter-spacing:.07em}
.compactForm .formField input[type="text"],.compactForm .formField input[type="email"]{padding:11px 16px;border-radius:14px;border:1.5px solid #d8e2f5;background:#fff;font-size:.95rem;color:#1a2a3a;outline:none;transition:border-color 0.15s,box-shadow .15s;width:100%;box-sizing:border-box}
.compactForm .formField input[type="text"]:focus,.compactForm .formField input[type="email"]:focus{border-color:#2A73E1;box-shadow:0 0 0 3px #2a73e11f}
.privacyRow{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:20px;margin-top:18px}
.privacyRow input[type="checkbox"]{width:18px;height:18px;accent-color:#2A73E1;flex-shrink:0;margin-top:2px;cursor:pointer}
.privacyRow .privacyText{font-size:.83rem;color:#667;line-height:1.55}
.privacyRow .privacyText a{color:#2A73E1;text-decoration:underline}
.submitBtn{width:100%;padding:14px 24px;background:linear-gradient(90deg,#2A73E1 0%,#08ABB4 100%);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.04em;box-shadow:3px 3px 0 #2a73e133;transition:opacity 0.15s,transform 0.15s,box-shadow .15s;position:relative;z-index:2}
.submitBtn:hover{opacity:.9;transform:translateY(-2px);box-shadow:4px 5px 0 #2a73e140}
.submitBtn:active{transform:translateY(0)}
.whatsappSection{background:linear-gradient(120deg,#0e1f40 0%,#1a3460 50%,#0d3340 100%);padding:64px 24px;position:relative;overflow:hidden}
.whatsappSection .waDeco{position:absolute;border-radius:50%;opacity:.06}
.whatsappSection .waDeco-a{width:400px;height:400px;background:#08ABB4;top:-120px;right:-60px}
.whatsappSection .waDeco-b{width:200px;height:200px;background:#2A73E1;bottom:-50px;left:80px}
.whatsappSection .waInner{max-width:820px;margin:0 auto;text-align:center;position:relative;z-index:2}
.whatsappSection .waInner .waEyebrow{font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#08abb4e6;margin-bottom:16px}
.whatsappSection .waInner h2{font-size:2rem;font-weight:800;color:#fff;margin-bottom:14px;line-height:1.25}
.whatsappSection .waInner .waDesc{color:#ffffffa6;font-size:1rem;margin-bottom:36px;line-height:1.65}
.whatsappSection .waButtons{display:flex;flex-direction:row;justify-content:center;gap:16px;flex-wrap:wrap}
.waBtn{display:inline-flex;flex-direction:row;align-items:center;gap:10px;padding:14px 28px;border-radius:18px;font-size:.97rem;font-weight:700;text-decoration:none;transition:transform 0.15s,box-shadow .15s;position:relative;z-index:2}
.waBtn-primary{background:#25D366;color:#fff;box-shadow:3px 3px 0 #25d36640}
.waBtn-primary:hover{transform:translateY(-3px);box-shadow:4px 6px 0 #25d3664d;color:#fff}
.waBtn-secondary{background:#ffffff14;border:1.5px solid #fff3;color:#ffffffe6}
.waBtn-secondary:hover{background:#ffffff26;transform:translateY(-3px);color:#fff}
.waBtn ion-icon{font-size:22px}
.faqSection{background:#f6f8fe;padding:72px 24px 80px}
.faqSection .faqInner{max-width:900px;margin:0 auto}
.faqSection .faqHeader{text-align:center;margin-bottom:48px}
.faqSection .faqHeader .faqEye{font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#08ABB4;margin-bottom:10px}
.faqSection .faqHeader h2{font-size:1.9rem;font-weight:800;color:#1a2a3a}
.faqAccordion{display:flex;flex-direction:column;gap:12px}
.faqItem{background:#fff;border-radius:20px;border:1.5px solid #e0e8f8;overflow:hidden;box-shadow:2px 2px 0 #2a73e10d}
.faqItem input[type="checkbox"]{display:none}
.faqItem label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-size:1rem;font-weight:600;color:#1a2a3a;gap:12px;user-select:none;transition:background .15s}
.faqItem label:hover{background:#f0f5ff}
.faqItem label .faqArrow{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#2a73e11a;display:flex;align-items:center;justify-content:center;transition:transform 0.25s,background .2s}
.faqItem label .faqArrow ion-icon{font-size:16px;color:#2A73E1;transition:transform .25s}
.faqItem input[type="checkbox"]:checked ~ label .faqArrow{background:#2A73E1;transform:rotate(0deg)}
.faqItem input[type="checkbox"]:checked ~ label .faqArrow ion-icon{color:#fff;transform:rotate(45deg)}
.faqBody{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faqItem input[type="checkbox"]:checked ~ .faqBody{max-height:300px}
.faqBody .faqBodyInner{padding:0 24px 22px;color:#556;font-size:.95rem;line-height:1.7;border-top:1px solid #e8eef8;padding-top:16px}
@media (max-width: 1024px) {
.contactHero .heroInner{flex-direction:column;gap:36px}
.contactHero .heroFrame{flex:none;width:100%;max-width:500px}
.infoAndFormSection .infoFormGrid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.contactHero{padding:48px 16px 56px}
.contactHero .heroText h1{font-size:1.7rem}
.contactHero .heroFrame .frameInner{height:240px}
.infoAndFormSection{padding:48px 16px 56px}
.compactForm{padding:24px 18px}
.formRow{grid-template-columns:1fr}
.whatsappSection{padding:48px 16px}
.whatsappSection .waInner h2{font-size:1.5rem}
.faqSection{padding:48px 16px 56px}
.faqSection .faqHeader h2{font-size:1.5rem}
}
.aboutHero{display:flex;flex-direction:row;align-items:center;max-width:1536px;margin:0 auto;padding:64px 32px;gap:48px}
.aboutHero .heroText{flex:1 1 50%;display:flex;flex-direction:column;gap:24px}
.aboutHero .heroText .tagLine{display:inline-flex;align-items:center;gap:8px;background:#2a73e11a;color:#2A73E1;border-radius:24px;padding:6px 16px;font-size:.85rem;font-weight:600;letter-spacing:.04em;width:fit-content}
.aboutHero .heroText h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.18;color:#1a1a2e;margin:0}
.aboutHero .heroText h1 .accentWord{color:#2A73E1;position:relative}
.aboutHero .heroText h1 .accentWord::after{content:'';position:absolute;left:0;bottom:2px;width:100%;height:4px;background:linear-gradient(90deg,#2A73E1,#08ABB4);border-radius:2px}
.aboutHero .heroText .heroDesc{font-size:1.05rem;line-height:1.7;color:#4a4a6a;max-width:480px;margin:0}
.aboutHero .heroText .heroBtns{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap}
.aboutHero .heroText .heroBtns .primaryBtn{background:linear-gradient(135deg,#2A73E1 0%,#08ABB4 100%);color:#fff;border:none;border-radius:28px;padding:14px 32px;font-size:.98rem;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:4px 4px 0 #2a73e140;transition:box-shadow 0.2s,transform .2s;display:inline-block}
.aboutHero .heroText .heroBtns .primaryBtn:hover{box-shadow:6px 6px 0 #2a73e159;transform:translateY(-2px)}
.aboutHero .heroText .heroBtns .outlineBtn{background:transparent;color:#2A73E1;border:2px solid #2A73E1;border-radius:28px;padding:12px 28px;font-size:.98rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background 0.2s,color .2s;display:inline-block}
.aboutHero .heroText .heroBtns .outlineBtn:hover{background:#2A73E1;color:#fff}
.aboutHero .heroVisual{flex:1 1 50%;border-radius:24px;overflow:hidden;box-shadow:6px 6px 0 #08abb42e;max-height:440px}
.aboutHero .heroVisual img{width:100%;height:440px;object-fit:cover;display:block}
.storyBlock{background:linear-gradient(135deg,#f4f8ff 0%,#e8f9fa 100%);padding:80px 0;position:relative;overflow:hidden}
.storyBlock::before{content:'';position:absolute;top:-60px;left:0;width:100%;height:60px;background:#fff;clip-path:ellipse(55% 100% at 50% 0%)}
.storyBlock .storyInner{max-width:1536px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.storyBlock .storyLeft{display:flex;flex-direction:column;gap:28px}
.storyBlock .storyLeft .sectionLabel{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#08ABB4;display:flex;align-items:center;gap:8px}
.storyBlock .storyLeft .sectionLabel::before{content:'';width:28px;height:3px;background:#08ABB4;border-radius:2px;display:inline-block}
.storyBlock .storyLeft h2{font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:800;color:#1a1a2e;line-height:1.25;margin:0}
.storyBlock .storyLeft .storyText{font-size:1rem;line-height:1.75;color:#4a4a6a;margin:0}
.storyBlock .storyLeft .milestoneRow{display:flex;flex-direction:row;gap:0;border-radius:20px;overflow:hidden;box-shadow:3px 3px 0 #2a73e11f}
.storyBlock .storyLeft .milestoneRow .mCard{flex:1;padding:20px 16px;display:flex;flex-direction:column;gap:4px;background:#fff;border-right:1px solid #e8eaf6}
.storyBlock .storyLeft .milestoneRow .mCard:last-child{border-right:none}
.storyBlock .storyLeft .milestoneRow .mCard .mNum{font-size:1.7rem;font-weight:800;color:#2A73E1;line-height:1}
.storyBlock .storyLeft .milestoneRow .mCard .mLabel{font-size:.8rem;color:#7a7a9a;font-weight:600}
.storyBlock .storyRight{display:flex;flex-direction:column;gap:24px}
.storyBlock .storyRight .imgGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.storyBlock .storyRight .imgGrid img{width:100%;height:180px;object-fit:cover;border-radius:16px;display:block;box-shadow:3px 3px 0 #7e3d121a}
.storyBlock .storyRight .imgGrid img.imgTall{grid-row:span 2;height:374px}
.storyBlock .storyRight .quoteBox{background:linear-gradient(135deg,#2A73E1 0%,#08ABB4 100%);color:#fff;border-radius:20px;padding:24px 28px;font-size:1rem;line-height:1.65;position:relative}
.storyBlock .storyRight .quoteBox::before{content:'"';position:absolute;top:10px;left:20px;font-size:4rem;opacity:.2;font-weight:900;line-height:1}
.teamApproach{max-width:1536px;margin:0 auto;padding:80px 32px;display:flex;flex-direction:column;gap:56px}
.teamApproach .approachHeader{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px}
.teamApproach .approachHeader .leftHead{display:flex;flex-direction:column;gap:12px;max-width:600px}
.teamApproach .approachHeader .leftHead .smTag{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#7E3D12;display:flex;align-items:center;gap:8px}
.teamApproach .approachHeader .leftHead h2{font-size:clamp(1.5rem,2.2vw,2.2rem);font-weight:800;color:#1a1a2e;line-height:1.25;margin:0}
.teamApproach .approachHeader .rightDesc{font-size:.97rem;color:#4a4a6a;line-height:1.7;max-width:360px}
.teamApproach .featuresGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.teamApproach .featuresGrid .featureCard{background:#fff;border-radius:24px;padding:32px 28px;box-shadow:4px 4px 0 #2a73e11a;border:1.5px solid #e8eaf6;display:flex;flex-direction:column;gap:16px;transition:box-shadow 0.2s,transform .2s}
.teamApproach .featuresGrid .featureCard:hover{box-shadow:6px 6px 0 #2a73e12e;transform:translateY(-3px)}
.teamApproach .featuresGrid .featureCard .fIcon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.teamApproach .featuresGrid .featureCard .fIcon.blue{background:#2a73e11f;color:#2A73E1}
.teamApproach .featuresGrid .featureCard .fIcon.teal{background:#08abb41f;color:#08ABB4}
.teamApproach .featuresGrid .featureCard .fIcon.brown{background:#7e3d121a;color:#7E3D12}
.teamApproach .featuresGrid .featureCard h4{font-size:1.08rem;font-weight:700;color:#1a1a2e;margin:0}
.teamApproach .featuresGrid .featureCard p{font-size:.93rem;color:#5a5a7a;line-height:1.65;margin:0}
.teamApproach .teamRow{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:center;background:linear-gradient(135deg,#1a1a2e 0%,#2A73E1 100%);border-radius:28px;padding:48px;position:relative;overflow:hidden}
.teamApproach .teamRow::after{content:'';position:absolute;right:-40px;top:-40px;width:220px;height:220px;background:#08abb426;border-radius:50%}
.teamApproach .teamRow .expertCard{display:flex;flex-direction:row;align-items:center;gap:20px;position:relative;z-index:2}
.teamApproach .teamRow .expertCard img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #ffffff4d;flex-shrink:0}
.teamApproach .teamRow .expertCard .expertInfo{display:flex;flex-direction:column;gap:4px}
.teamApproach .teamRow .expertCard .expertInfo .expertName{font-size:1.1rem;font-weight:800;color:#fff}
.teamApproach .teamRow .expertCard .expertInfo .expertRole{font-size:.85rem;color:#ffffffb3}
.teamApproach .teamRow .expertCard .expertInfo .expertSpec{font-size:.82rem;color:#08ABB4;font-weight:600;margin-top:4px}
.teamApproach .teamRow .expertStory{display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}
.teamApproach .teamRow .expertStory p{font-size:.97rem;line-height:1.7;color:#ffffffd9;margin:0}
.teamApproach .teamRow .expertStory .tagList{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.teamApproach .teamRow .expertStory .tagList .tag{background:#ffffff1f;color:#fff;border-radius:20px;padding:5px 14px;font-size:.8rem;font-weight:600;border:1px solid #fff3}
@media (max-width: 1024px) {
.aboutHero{flex-direction:column;padding:48px 24px;gap:32px}
.aboutHero .heroText{flex:unset;width:100%}
.aboutHero .heroVisual{flex:unset;width:100%;max-height:320px}
.aboutHero .heroVisual img{height:320px}
.storyBlock .storyInner{grid-template-columns:1fr;gap:40px;padding:0 24px}
.teamApproach .featuresGrid{grid-template-columns:1fr 1fr}
.teamApproach .approachHeader{flex-direction:column;align-items:flex-start}
.teamApproach .teamRow{grid-template-columns:1fr;gap:28px;padding:36px 28px}
}
@media (max-width: 600px) {
.aboutHero{padding:36px 16px}
.storyBlock .storyInner{padding:0 16px}
.storyBlock .storyRight .imgGrid{grid-template-columns:1fr}
.storyBlock .storyRight .imgGrid img.imgTall{grid-row:span 1;height:200px}
.storyBlock .storyRight .imgGrid img{height:180px}
.teamApproach{padding:48px 16px}
.teamApproach .featuresGrid{grid-template-columns:1fr}
.teamApproach .teamRow{padding:28px 20px}
.teamApproach .teamRow .expertCard{flex-direction:column;text-align:center}
.aboutHero .heroText .heroBtns{flex-direction:column}
}
.programHero{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center}
.programHero .heroCanvas{position:absolute;inset:0;z-index:0}
.programHero .heroCanvas img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.programHero .heroCanvas::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#2a73e1d1 0%,#08abb4a6 60%,#7e3d1273 100%)}
.programHero .heroLayer{position:relative;z-index:2;max-width:1536px;margin:auto;width:100%;padding:80px 32px 64px;display:flex;flex-direction:column;gap:0}
.programHero .diagonalFrame{display:flex;flex-direction:row;align-items:flex-end;gap:40px;flex-wrap:wrap}
.programHero .heroTextSide{flex:1 1 380px;min-width:280px}
.programHero .heroBadge{display:inline-block;background:#08abb438;border:1px solid #08abb499;color:#d0f7f9;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 16px;border-radius:24px;margin-bottom:20px}
.programHero .mainHeading{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;line-height:1.15;margin-bottom:14px;position:relative}
.programHero .mainHeading span{color:#08ABB4}
.programHero .secondHeading{font-size:clamp(1rem,2.5vw,1.28rem);font-weight:500;color:#ffffffe0;margin-bottom:22px;line-height:1.5}
.programHero .heroDesc{font-size:.97rem;color:#ffffffc7;line-height:1.7;max-width:480px}
.programHero .diagDivider{width:64px;height:4px;background:linear-gradient(90deg,#08ABB4,#2A73E1);border-radius:2px;margin:24px 0 0;transform:skewX(-20deg)}
.programHero .heroAccentSide{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding-bottom:8px}
.programHero .statPill{background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;padding:10px 22px;color:#fff;font-size:.88rem;display:flex;align-items:center;gap:10px;backdrop-filter:blur(4px)}
.programHero .statPill ion-icon{color:#08ABB4;font-size:1.1rem}
.courseGrid{background:#f4f7fd;padding:72px 0 80px}
.courseGrid .gridInner{max-width:1536px;margin:auto;padding:0 32px}
.courseGrid .sectionLabel{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#2A73E1;margin-bottom:10px}
.courseGrid .sectionTitle{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:750;color:#1a2540;margin-bottom:8px;position:relative;display:inline-block}
.courseGrid .sectionTitle::after{content:'';display:block;width:48px;height:3px;background:#08ABB4;border-radius:2px;margin-top:10px}
.courseGrid .sectionSubtitle{font-size:.98rem;color:#4a5568;margin-bottom:40px;max-width:560px}
.courseGrid .cardsStage{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.courseGrid .courseCard{background:#fff;border-radius:24px;box-shadow:3px 4px 0 #2a73e11a;overflow:hidden;display:flex;flex-direction:column;border:1px solid #2a73e117;transition:box-shadow 0.22s,transform .22s}
.courseGrid .courseCard:hover{box-shadow:4px 6px 0 #2a73e138;transform:translateY(-3px)}
.courseGrid .cardTop{padding:28px 26px 20px;flex:1}
.courseGrid .cardIconFrame{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:1.5rem}
.courseGrid .cardIconFrame.colorA{background:#2a73e11f;color:#2A73E1}
.courseGrid .cardIconFrame.colorB{background:#08abb421;color:#08ABB4}
.courseGrid .cardIconFrame.colorC{background:#7e3d121a;color:#7E3D12}
.courseGrid .cardName{font-size:1.08rem;font-weight:700;color:#1a2540;margin-bottom:8px}
.courseGrid .cardDesc{font-size:.91rem;color:#5a6480;line-height:1.6}
.courseGrid .cardBottom{padding:16px 26px 22px;border-top:1px solid #f0f2f7;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.courseGrid .cardTag{font-size:.78rem;border-radius:12px;padding:4px 12px;font-weight:600}
.courseGrid .cardTag.tagBlue{background:#2a73e11a;color:#2A73E1}
.courseGrid .cardTag.tagTeal{background:#08abb41a;color:#068a92}
.courseGrid .cardTag.tagBrown{background:#7e3d121a;color:#7E3D12}
.courseGrid .cardLevel{font-size:.78rem;color:#8a93a8;margin-left:auto}
.howItWorks{background:#fff;padding:80px 0 72px}
.howItWorks .surface{max-width:1536px;margin:auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.howItWorks .leftSide{display:flex;flex-direction:column}
.howItWorks .leftLabel{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#7E3D12;margin-bottom:12px}
.howItWorks .leftHeading{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:750;color:#1a2540;line-height:1.25;margin-bottom:16px}
.howItWorks .leftHeading em{font-style:normal;color:#2A73E1}
.howItWorks .leftDesc{font-size:.96rem;color:#4a5568;line-height:1.7;margin-bottom:36px}
.howItWorks .stepList{display:flex;flex-direction:column;gap:20px}
.howItWorks .stepItem{display:flex;flex-direction:row;gap:18px;align-items:flex-start}
.howItWorks .stepNum{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2A73E1,#08ABB4);color:#fff;font-size:.95rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 3px 0 #2a73e12e}
.howItWorks .stepText{display:flex;flex-direction:column}
.howItWorks .stepTitle{font-size:.98rem;font-weight:700;color:#1a2540;margin-bottom:4px}
.howItWorks .stepDesc{font-size:.88rem;color:#6070a0;line-height:1.55}
.howItWorks .rightSide{display:flex;flex-direction:column;gap:20px}
.howItWorks .metricsFrame{background:linear-gradient(135deg,#2A73E1 0%,#08ABB4 100%);border-radius:28px;padding:34px 30px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.howItWorks .metricBox{background:#ffffff21;border-radius:16px;padding:18px 16px;display:flex;flex-direction:column;gap:6px}
.howItWorks .metricVal{font-size:2rem;font-weight:800;color:#fff;line-height:1}
.howItWorks .metricLabel{font-size:.82rem;color:#ffffffc7}
.howItWorks .progressItem{background:#f4f7fd;border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:8px}
.howItWorks .progressRow{display:flex;justify-content:space-between;font-size:.85rem;color:#3a4568;font-weight:600}
.howItWorks .progressBar{height:6px;background:#e2e8f0;border-radius:4px;overflow:hidden}
.howItWorks .progressFill{height:100%;border-radius:4px;background:linear-gradient(90deg,#2A73E1,#08ABB4)}
.testimonialStrip{background:linear-gradient(160deg,#1a2540 0%,#2A73E1 100%);padding:72px 0 80px;position:relative;overflow:hidden}
.testimonialStrip::before{content:'';position:absolute;top:-60px;right:-60px;width:320px;height:320px;border-radius:50%;background:#08abb41a;pointer-events:none}
.testimonialStrip .stripInner{max-width:1536px;margin:auto;padding:0 32px}
.testimonialStrip .stripHead{text-align:center;margin-bottom:48px}
.testimonialStrip .stripLabel{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#08ABB4;margin-bottom:10px}
.testimonialStrip .stripTitle{font-size:clamp(1.4rem,3vw,2rem);font-weight:750;color:#fff}
.testimonialStrip .testimonialGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.testimonialStrip .tCard{background:#ffffff12;border:1px solid #ffffff24;border-radius:24px;padding:30px 28px;backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:18px}
.testimonialStrip .tCardQuote{font-size:.96rem;color:#ffffffe0;line-height:1.7;font-style:italic}
.testimonialStrip .tCardPerson{display:flex;flex-direction:row;align-items:center;gap:14px}
.testimonialStrip .tCardImg{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #08abb480;flex-shrink:0}
.testimonialStrip .tCardName{font-size:.95rem;font-weight:700;color:#fff}
.testimonialStrip .tCardRole{font-size:.82rem;color:#ffffff8c}
.testimonialStrip .tCardStars{color:#f0c040;font-size:.88rem;letter-spacing:2px}
.ctaBlock{background:#f4f7fd;padding:72px 0 80px}
.ctaBlock .ctaInner{max-width:860px;margin:auto;padding:0 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.ctaBlock .ctaTitle{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;color:#1a2540;line-height:1.25}
.ctaBlock .ctaTitle span{color:#2A73E1}
.ctaBlock .ctaDesc{font-size:.97rem;color:#4a5568;line-height:1.7;max-width:540px}
.ctaBlock .ctaActions{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;justify-content:center}
.ctaBlock .btnPrimary{background:linear-gradient(135deg,#2A73E1,#08ABB4);color:#fff;border:none;border-radius:20px;padding:14px 32px;font-size:.97rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:3px 4px 0 #2a73e12e;transition:box-shadow 0.2s,transform .2s;position:relative;z-index:2}
.ctaBlock .btnPrimary:hover{box-shadow:4px 6px 0 #2a73e147;transform:translateY(-2px);color:#fff}
.ctaBlock .btnOutline{background:transparent;color:#2A73E1;border:2px solid #2A73E1;border-radius:20px;padding:13px 28px;font-size:.97rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background 0.2s,color .2s;position:relative;z-index:2}
.ctaBlock .btnOutline:hover{background:#2A73E1;color:#fff}
@media (max-width: 1024px) {
.courseGrid .cardsStage{grid-template-columns:1fr 1fr}
.howItWorks .surface{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.programHero .heroLayer{padding:60px 20px 48px}
.programHero .diagonalFrame{flex-direction:column;align-items:flex-start;gap:24px}
.programHero .heroAccentSide{align-items:flex-start}
.courseGrid .cardsStage{grid-template-columns:1fr}
.courseGrid .gridInner{padding:0 20px}
.howItWorks .surface{padding:0 20px}
.howItWorks .metricsFrame{grid-template-columns:1fr 1fr}
.testimonialStrip .testimonialGrid{grid-template-columns:1fr}
.testimonialStrip .stripInner{padding:0 20px}
.ctaBlock .ctaInner{padding:0 20px}
}
.successPage{overflow-x:hidden}
.titleZone{position:relative;min-height:88vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#f0f6ff 0%,#e8f8f9 50%,#fef9f6 100%)}
.titleZone .bgLayer{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.titleZone .bgLayer .orb-1{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#2a73e11f 0%,transparent 70%);top:-80px;right:-100px;animation:floatOrb 8s ease-in-out infinite}
.titleZone .bgLayer .orb-2{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#08abb41a 0%,transparent 70%);bottom:40px;left:-60px;animation:floatOrb 11s ease-in-out infinite reverse}
.titleZone .bgLayer .orb-3{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#7e3d1212 0%,transparent 70%);top:50%;left:40%;animation:floatOrb 14s ease-in-out infinite}
@keyframes floatOrb {
0%,100%{transform:translateY(0) scale(1)}
33%{transform:translateY(-18px) scale(1.04)}
66%{transform:translateY(10px) scale(0.97)}
}
.titleZone .bgLayer .dot-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#2a73e114 1px,transparent 1px);background-size:36px 36px}
.titleContent{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.titleContent .leftZone{display:flex;flex-direction:column;gap:28px}
.titleContent .leftZone .statusBadge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#2a73e11a,#08abb41a);border:1.5px solid #2a73e140;border-radius:50px;padding:8px 20px;width:fit-content}
.titleContent .leftZone .statusBadge .pulseDot{width:10px;height:10px;border-radius:50%;background:#08ABB4;animation:pulsate 2s ease-in-out infinite}
@keyframes pulsate {
0%,100%{box-shadow:0 0 0 0 #08abb480}
50%{box-shadow:0 0 0 8px #08abb400}
}
.titleContent .leftZone .statusBadge span{font-size:13px;font-weight:600;color:#2A73E1;letter-spacing:.04em;text-transform:uppercase}
.titleContent .leftZone .mainHeading{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#1a1a2e;line-height:1.2;margin:0}
.titleContent .leftZone .mainHeading .accentWord{color:#2A73E1;position:relative}
.titleContent .leftZone .mainHeading .accentWord::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#2A73E1,#08ABB4);border-radius:4px}
.titleContent .leftZone .pauseLine{width:48px;height:3px;background:linear-gradient(90deg,#7E3D12,#7e3d124d);border-radius:4px}
.titleContent .leftZone .descText{font-size:1.05rem;color:#4a5568;line-height:1.7;margin:0}
.titleContent .leftZone .ctaRow{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;margin-top:8px}
.titleContent .leftZone .ctaRow .btnPrimary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2A73E1,#08ABB4);color:#fff;font-size:.95rem;font-weight:600;padding:14px 28px;border-radius:16px;text-decoration:none;transition:transform 0.2s,box-shadow .2s;box-shadow:0 4px 16px #2a73e14d;position:relative;z-index:5}
.titleContent .leftZone .ctaRow .btnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2a73e166}
.titleContent .leftZone .ctaRow .btnSecondary{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#2A73E1;font-size:.95rem;font-weight:600;padding:14px 28px;border-radius:16px;text-decoration:none;border:2px solid #2a73e14d;transition:all .2s;position:relative;z-index:5}
.titleContent .leftZone .ctaRow .btnSecondary:hover{border-color:#2A73E1;background:#2a73e10a}
.titleContent .rightZone{display:flex;flex-direction:column;align-items:center;justify-content:center}
.duotoneFrame{position:relative;width:100%;max-width:420px}
.duotoneFrame .duotoneCard{width:100%;aspect-ratio:4/3;border-radius:28px;background:linear-gradient(135deg,#2a73e1b3 0%,#08abb499 50%,#7e3d1266 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:8px 8px 0 #2a73e133 0 20px 60px #2a73e126}
.duotoneFrame .duotoneCard::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#ffffff26 0%,transparent 60%)}
.duotoneFrame .duotoneCard .checkCircle{width:88px;height:88px;border-radius:50%;background:#fff3;border:3px solid #ffffff80;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;z-index:2;animation:scaleIn .6s cubic-bezier(0.34,1.56,0.64,1) forwards}
@keyframes scaleIn {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
.duotoneFrame .duotoneCard .checkCircle ion-icon{font-size:42px;color:#fff}
.duotoneFrame .duotoneCard .cardLabel{font-size:1.1rem;font-weight:700;color:#fff;text-align:center;position:relative;z-index:2;padding:0 24px}
.duotoneFrame .duotoneCard .cardSub{font-size:.85rem;color:#fffc;text-align:center;margin-top:8px;position:relative;z-index:2;padding:0 24px}
.duotoneFrame .floatingTag{position:absolute;bottom:-18px;right:-12px;background:#fff;border-radius:20px;padding:10px 20px;display:flex;flex-direction:row;align-items:center;gap:8px;box-shadow:4px 4px 0 #2a73e126 0 8px 24px #0000001a}
.duotoneFrame .floatingTag ion-icon{font-size:20px;color:#08ABB4}
.duotoneFrame .floatingTag span{font-size:.85rem;font-weight:600;color:#1a1a2e}
.nextStepsBlock{background:#1a1a2e;position:relative;overflow:hidden}
.nextStepsBlock::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2A73E1,#08ABB4,#7E3D12)}
.nextStepsBlock .diagonalAccent{position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,transparent 40%,#2a73e10f 100%);pointer-events:none}
.stepsInner{max-width:1100px;margin:0 auto;padding:80px 24px;position:relative;z-index:2}
.stepsInner .sectionLabel{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#08ABB4;margin-bottom:12px}
.stepsInner .sectionTitle{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#fff;line-height:1.3;margin:0 0 16px;max-width:520px}
.stepsInner .sectionTitle .tbd{color:#08ABB4}
.stepsInner .sectionDesc{font-size:.97rem;color:#ffffffa6;line-height:1.65;max-width:460px;margin-bottom:48px}
.stepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}
.stepCard{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:32px 24px;position:relative;overflow:hidden;transition:transform 0.2s,background .2s}
.stepCard:hover{transform:translateY(-4px);background:#ffffff14}
.stepCard::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2a73e199,transparent)}
.stepCard .stepNum{font-size:2.5rem;font-weight:900;color:#2a73e133;line-height:1;margin-bottom:16px}
.stepCard .stepIcon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2a73e133,#08abb433);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.stepCard .stepIcon ion-icon{font-size:22px;color:#08ABB4}
.stepCard .stepTitle{font-size:1rem;font-weight:700;color:#fff;margin-bottom:10px}
.stepCard .stepBody{font-size:.875rem;color:#ffffff8c;line-height:1.6}
.stepsInner .bottomRow{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding-top:32px;border-top:1px solid #ffffff14;flex-wrap:wrap}
.stepsInner .bottomRow .contactInfo{display:flex;flex-direction:column;gap:8px}
.stepsInner .bottomRow .contactInfo .contactLine{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:.9rem;color:#fff9;text-decoration:none;transition:color .2s}
.stepsInner .bottomRow .contactInfo .contactLine:hover{color:#08ABB4}
.stepsInner .bottomRow .contactInfo .contactLine ion-icon{font-size:18px;color:#2A73E1;flex-shrink:0}
.stepsInner .bottomRow .btnRow{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap}
.stepsInner .bottomRow .btnRow .btnLight{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2A73E1,#08ABB4);color:#fff;font-size:.9rem;font-weight:600;padding:12px 24px;border-radius:14px;text-decoration:none;transition:opacity 0.2s,transform .2s;position:relative;z-index:5}
.stepsInner .bottomRow .btnRow .btnLight:hover{opacity:.9;transform:translateY(-1px)}
.stepsInner .bottomRow .btnRow .btnOutlineLight{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fffc;font-size:.9rem;font-weight:600;padding:12px 24px;border-radius:14px;text-decoration:none;border:1.5px solid #fff3;transition:all .2s;position:relative;z-index:5}
.stepsInner .bottomRow .btnRow .btnOutlineLight:hover{border-color:#ffffff80;color:#fff}
@media (max-width: 900px) {
.titleContent{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.titleContent .rightZone{order:-1}
.duotoneFrame{max-width:320px}
.stepsGrid{grid-template-columns:1fr;gap:16px}
.stepsInner .bottomRow{flex-direction:column;align-items:flex-start}
}
@media (max-width: 600px) {
.titleZone{min-height:auto}
.titleContent{padding:48px 16px}
.titleContent .leftZone .ctaRow{flex-direction:column}
.titleContent .leftZone .ctaRow .btnPrimary,.titleContent .leftZone .ctaRow .btnSecondary{text-align:center;justify-content:center}
.stepsInner{padding:56px 16px}
.duotoneFrame .floatingTag{right:0}
.stepsInner .bottomRow .btnRow{flex-direction:column}
}