*{margin:0;padding:0}
body{font-family:'Figtree',sans-serif;color:#2a2a2a;background:#FFFCF7;line-height:1.6}
.HdrWrap{background:linear-gradient(135deg,#f8f6f3 0%,#fff 100%);border-bottom:1px solid #4f07c314;box-shadow:0 4px 12px #00000008}
.HdrTop{background:linear-gradient(90deg,#4F07C3 0%,#00BFF3 100%);padding:12px 0}
.HdrTop .CtnrMax{max-width:1600px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.BrandTxt{color:#FFFCF7;font-size:15px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px #00000026}
.UspList{display:flex;gap:32px;list-style:none;flex-wrap:wrap}
.UspList li{color:#FFFCF7;font-size:13px;display:flex;align-items:center;gap:6px}
.UspList i{font-size:16px}
.HdrMain{padding:20px 0}
.HdrMain .CtnrMax{max-width:1600px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.LogoBox{display:flex;align-items:center;gap:16px;flex-shrink:0}
.LogoBox img{height:85px;width:85px;object-fit:contain;background:#fffcf799;padding:8px;border-radius:20px;box-shadow:0 4px 8px #4f07c31f}
.LogoBox .CompanyTitle{font-size:22px;font-weight:700;color:#4F07C3;line-height:1.2}
.MainNav{display:flex;gap:8px;list-style:none;align-items:center;flex-wrap:wrap}
.MainNav a{padding:12px 24px;color:#2a2a2a;text-decoration:none;font-weight:600;font-size:15px;border-radius:18px;transition:all .3s ease;display:block}
.MainNav a:hover{background:#4f07c314;color:#4F07C3}
.FtrWrap{background:linear-gradient(180deg,#2a2a2a 0%,#1a1a1a 100%);color:#FFFCF7;padding:64px 0 32px;margin-top:80px}
.FtrGrid{max-width:1600px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:48px}
.FtrCol h3{font-size:18px;font-weight:700;margin-bottom:20px;color:#00BFF3}
.FtrCol p,.FtrCol address{font-size:14px;line-height:1.8;color:#fffcf7d9;font-style:normal}
.FtrCol a{color:#fffcf7d9;text-decoration:none;transition:color .3s ease;display:inline-block;margin-bottom:8px}
.FtrCol a:hover{color:#00BFF3}
.ContactList{list-style:none}
.ContactList li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:14px}
.ContactList i{color:#00BFF3;margin-top:3px;flex-shrink:0}
.FtrNav{list-style:none}
.FtrNav li{margin-bottom:10px}
.FtrNav a{font-size:14px}
.FtrBtm{max-width:1600px;margin:0 auto;padding:24px 24px 0;border-top:1px solid #fffcf726;text-align:center}
.FtrBtm p{font-size:13px;color:#fffcf799}
.CookieBnr{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(150%);background:#fff;border-radius:24px;box-shadow:0 8px 32px #00000026;max-width:920px;width:calc(100% - 48px);z-index:9999;transition:transform .4s cubic-bezier(0.4,0,0.2,1);border:2px solid #4f07c31a}
.CookieBnr[data-visible="true"]{transform:translateX(-50%) translateY(0)}
.CkTabs{display:flex;border-bottom:2px solid #f0f0f0}
.CkTab{flex:1;padding:16px;background:none;border:none;font-family:'Figtree',sans-serif;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}
.CkTab[data-active="true"]{color:#4F07C3;border-bottom-color:#4F07C3}
.CkCnt{padding:24px}
.CkPanel{display:none}
.CkPanel[data-active="true"]{display:block}
.CkPanel h3{font-size:18px;margin-bottom:12px;color:#2a2a2a}
.CkPanel p{font-size:14px;line-height:1.6;color:#555;margin-bottom:16px}
.CkOpts{display:flex;flex-direction:column;gap:12px;margin:20px 0}
.CkOpt{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f8f8;border-radius:12px}
.CkOpt label{font-size:14px;font-weight:600;color:#2a2a2a}
.CkToggle{position:relative;width:48px;height:24px;background:#ccc;border-radius:24px;cursor:pointer;transition:background .3s ease}
.CkToggle[data-checked="true"]{background:#4F07C3}
.CkToggle::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s ease}
.CkToggle[data-checked="true"]::after{transform:translateX(24px)}
.CkBtns{display:flex;gap:12px;margin-top:20px}
.CkBtn{flex:1;padding:14px;border:none;font-family:'Figtree',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;border-radius:0}
.CkBtnPrm{background:#4F07C3;color:#fff}
.CkBtnPrm:hover{background:#3d0599}
.CkBtnSec{background:#e0e0e0;color:#2a2a2a}
.CkBtnSec:hover{background:#d0d0d0}
.CkFloat{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#4F07C3;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #4f07c34d;transition:all .3s ease;z-index:9998}
.CkFloat[data-show="true"]{display:flex}
.CkFloat:hover{transform:scale(1.1);background:#3d0599}
.CkFloat i{color:#fff;font-size:24px}
@media (max-width: 1024px) {
.FtrGrid{grid-template-columns:1fr 1fr;gap:32px}
.HdrMain .CtnrMax{flex-direction:column;gap:20px}
.MainNav{width:100%;justify-content:center}
}
@media (max-width: 640px) {
.HdrTop .CtnrMax{flex-direction:column;text-align:center}
.UspList{flex-direction:column;gap:8px;width:100%}
.LogoBox{flex-direction:column;text-align:center}
.MainNav{flex-direction:column;width:100%}
.MainNav a{width:100%;text-align:center}
.FtrGrid{grid-template-columns:1fr;gap:32px}
.CkTabs{flex-direction:column}
.CkBtns{flex-direction:column}
.CookieBnr{bottom:16px;width:calc(100% - 32px)}
}
.policy-area{max-width:1600px;margin:0 auto;padding:80px 24px;background:#FFFCF7}
.policy-area h1{font-size:48px;line-height:1.2;font-weight:700;color:#4F07C3;margin:0 0 48px;padding-bottom:24px;border-bottom:3px solid #00BFF3}
.policy-area h2{font-size:36px;line-height:1.3;font-weight:600;color:#4F07C3;margin:64px 0 32px}
.policy-area h3{font-size:28px;line-height:1.4;font-weight:600;color:#4F07C3;margin:48px 0 24px}
.policy-area h4{font-size:22px;line-height:1.4;font-weight:600;color:#2d0670;margin:40px 0 20px}
.policy-area h5{font-size:18px;line-height:1.5;font-weight:600;color:#2d0670;margin:32px 0 16px}
.policy-area h6{font-size:16px;line-height:1.5;font-weight:600;color:#2d0670;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.policy-area p{font-size:17px;line-height:1.8;color:#1a1a1a;margin:0 0 24px;max-width:900px}
.policy-area ul{margin:0 0 32px;padding:0 0 0 32px;max-width:900px}
.policy-area ol{margin:0 0 32px;padding:0 0 0 32px;max-width:900px}
.policy-area ul li{font-size:17px;line-height:1.8;color:#1a1a1a;margin:0 0 16px;padding-left:8px}
.policy-area ol li{font-size:17px;line-height:1.8;color:#1a1a1a;margin:0 0 16px;padding-left:8px}
.policy-area ul ul{margin:16px 0;padding:0 0 0 24px}
.policy-area ol ol{margin:16px 0;padding:0 0 0 24px}
.policy-area strong{font-weight:600;color:#2d0670}
.policy-area b{font-weight:600;color:#2d0670}
.policy-area em{font-style:italic;color:#333}
.policy-area i{font-style:italic;color:#333}
.policy-area a{color:#4F07C3;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:all .3s ease}
.policy-area a:hover{color:#00BFF3;text-decoration-color:#00BFF3}
.policy-area div{margin:0 0 24px}
@media (max-width: 1024px) {
.policy-area{padding:60px 20px}
.policy-area h1{font-size:36px;margin-bottom:36px}
.policy-area h2{font-size:28px;margin:48px 0 24px}
.policy-area h3{font-size:22px;margin:36px 0 20px}
.policy-area h4{font-size:19px;margin:32px 0 16px}
}
@media (max-width: 640px) {
.policy-area{padding:40px 16px}
.policy-area h1{font-size:28px;margin-bottom:32px;padding-bottom:16px}
.policy-area h2{font-size:24px;margin:40px 0 20px}
.policy-area h3{font-size:20px;margin:32px 0 16px}
.policy-area h4{font-size:18px;margin:24px 0 12px}
.policy-area h5{font-size:17px;margin:20px 0 12px}
.policy-area h6{font-size:15px;margin:16px 0 10px}
.policy-area p{font-size:16px;line-height:1.7;margin-bottom:20px}
.policy-area ul{padding-left:24px;margin-bottom:24px}
.policy-area ol{padding-left:24px;margin-bottom:24px}
.policy-area ul li{font-size:16px;margin-bottom:12px}
.policy-area ol li{font-size:16px;margin-bottom:12px}
}
.PgIntro{max-width:1600px;margin:0 auto;padding:60px 20px;position:relative}
.PgIntro::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,#4f07c308 1px,transparent 1px),linear-gradient(#4f07c308 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}
.PgIntro .IntroVisual{position:relative;max-width:900px;margin:0 auto 48px;z-index:1}
.PgIntro .IntroVisual img{width:100%;height:520px;object-fit:cover;border-radius:24px;display:block;box-shadow:0 8px 4px #00000014}
.PgIntro .IntroVisual::after{content:'';position:absolute;inset:0;border-radius:24px;background:radial-gradient(ellipse at center,transparent 40%,#fffcf799 100%);pointer-events:none}
.PgIntro .IntroContent{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:1}
.PgIntro .IntroContent h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.PgIntro .IntroContent p{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 36px}
.PgIntro .IntroCta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.PgIntro .IntroCta a{padding:16px 36px;border-radius:28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}
.PgIntro .IntroCta a:first-child{background:linear-gradient(135deg,#4F07C3 0%,#00BFF3 100%);color:#fff;box-shadow:0 4px 2px #4f07c333}
.PgIntro .IntroCta a:first-child:hover{transform:translateY(-2px);box-shadow:0 6px 3px #4f07c340;filter:brightness(1.1)}
.PgIntro .IntroCta a:last-child{background:#fff;color:#4F07C3;border:2px solid #4F07C3;box-shadow:0 4px 2px #0000000d}
.PgIntro .IntroCta a:last-child:hover{background:#4F07C3;color:#fff;transform:translateY(-2px)}
@media (max-width: 1024px) {
.PgIntro{padding:40px 20px}
.PgIntro .IntroVisual img{height:400px}
.PgIntro .IntroContent h1{font-size:38px}
}
@media (max-width: 640px) {
.PgIntro{padding:30px 16px}
.PgIntro .IntroVisual{margin-bottom:32px}
.PgIntro .IntroVisual img{height:280px;border-radius:20px}
.PgIntro .IntroContent h1{font-size:32px;margin-bottom:20px}
.PgIntro .IntroContent p{font-size:16px;margin-bottom:28px}
.PgIntro .IntroCta{flex-direction:column}
.PgIntro .IntroCta a{width:100%}
}
.ModMap{background:linear-gradient(175deg,#FFFCF7 0%,#fff 100%);padding:80px 20px}
.ModMap .MapWr{max-width:1600px;margin:0 auto}
.ModMap .MapHd{max-width:680px;margin:0 auto 56px;text-align:center}
.ModMap .MapHd h2{font-size:42px;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.ModMap .MapHd h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#4F07C3 0%,#00BFF3 100%);margin:20px auto 0;border-radius:2px}
.ModMap .MapHd p{font-size:17px;line-height:1.6;color:#5a5a5a;margin:0}
.ModMap .StepList{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}
.ModMap .StepList::before{content:'';position:absolute;top:60px;left:16.6%;right:16.6%;height:3px;background:linear-gradient(90deg,#4F07C3 0%,#00BFF3 50%,#4F07C3 100%);z-index:0}
.ModMap .StpCard{background:#fff;border-radius:20px;padding:36px 28px;box-shadow:0 6px 2px #0000000f;position:relative;z-index:1;transition:all .3s ease}
.ModMap .StpCard:hover{transform:translateY(-4px);box-shadow:0 8px 3px #0000001a}
.ModMap .StpCard .StpNum{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#4F07C3 0%,#00BFF3 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 24px;box-shadow:0 4px 2px #4f07c333}
.ModMap .StpCard h3{font-size:22px;line-height:1.4;color:#1a1a1a;margin:0 0 14px;font-weight:700;text-align:center}
.ModMap .StpCard p{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0;text-align:center}
.ModMap .StpCard ul{margin:16px 0 0;padding:0;list-style:none}
.ModMap .StpCard li{font-size:15px;line-height:1.6;color:#5a5a5a;padding-left:24px;position:relative;margin-bottom:8px}
.ModMap .StpCard li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#00BFF3;border-radius:50%}
@media (max-width: 1024px) {
.ModMap{padding:60px 20px}
.ModMap .MapHd h2{font-size:36px}
.ModMap .StepList{grid-template-columns:1fr;gap:28px}
.ModMap .StepList::before{display:none}
}
@media (max-width: 640px) {
.ModMap{padding:50px 16px}
.ModMap .MapHd{margin-bottom:40px}
.ModMap .MapHd h2{font-size:30px}
.ModMap .StpCard{padding:28px 20px}
.ModMap .StpCard h3{font-size:20px}
}
.OfferGrid{padding:80px 20px;background:#fff}
.OfferGrid .OgWrap{max-width:1600px;margin:0 auto}
.OfferGrid .OgSplit{display:grid;grid-template-columns:2fr 3fr;gap:64px;align-items:start}
.OfferGrid .OgLeft h2{font-size:40px;line-height:1.3;color:#1a1a1a;margin:0 0 20px;font-weight:700;position:relative;padding-left:20px}
.OfferGrid .OgLeft h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#4F07C3 0%,#00BFF3 100%);border-radius:3px}
.OfferGrid .OgLeft p{font-size:17px;line-height:1.7;color:#5a5a5a;margin:0 0 28px}
.OfferGrid .OgLeft .OgCta{display:inline-block;padding:16px 36px;background:#4F07C3;color:#fff;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 2px #4f07c333}
.OfferGrid .OgLeft .OgCta:hover{background:#00BFF3;transform:translateY(-2px);box-shadow:0 6px 3px #00bff340}
.OfferGrid .OgRight{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.OfferGrid .OfCrd{background:linear-gradient(135deg,#FFFCF7 0%,#fff 100%);border-radius:20px;padding:32px 24px;border:2px solid #f0f0f0;transition:all .3s ease;position:relative}
.OfferGrid .OfCrd:hover{border-color:#4F07C3;transform:translateY(-3px);box-shadow:0 6px 3px #4f07c326}
.OfferGrid .OfCrd .OfIcn{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#4F07C3 0%,#00BFF3 100%);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.OfferGrid .OfCrd .OfIcn i{font-size:28px;color:#fff}
.OfferGrid .OfCrd h3{font-size:20px;line-height:1.4;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.OfferGrid .OfCrd p{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
@media (max-width: 1024px) {
.OfferGrid{padding:60px 20px}
.OfferGrid .OgSplit{grid-template-columns:1fr;gap:48px}
.OfferGrid .OgLeft h2{font-size:36px}
.OfferGrid .OgRight{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.OfferGrid{padding:50px 16px}
.OfferGrid .OgSplit{gap:40px}
.OfferGrid .OgLeft h2{font-size:30px;padding-left:16px}
.OfferGrid .OgLeft h2::before{width:4px}
.OfferGrid .OgCta{width:100%;text-align:center}
.OfferGrid .OfCrd{padding:28px 20px}
.OfferGrid .OfCrd h3{font-size:18px}
}
.TtlWrp{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(211deg,#4F07C3 0%,#00BFF3 50%,#FFFCF7 100%);margin-bottom:64px}
.TtlWrp::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./visuals/hdr1.jpg);background-size:cover;background-position:center;opacity:.15;z-index:1;filter:grayscale(20%)}
.TtlWrp::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#4f07c366 0%,transparent 25%,transparent 75%,#00bff34d 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,#fffcf708 2px,#fffcf708 4px);z-index:2}
.TtlCnt{position:relative;z-index:3;max-width:880px;margin:0 auto;padding:48px 24px;text-align:center}
.TtlCnt h1{font-size:3.2rem;font-weight:700;color:#FFFCF7;margin:0 0 24px;line-height:1.2;text-shadow:2px 4px 12px #0000004d}
.TtlCnt .SubTxt{font-size:1.25rem;color:#FFFCF7;line-height:1.6;margin:0 0 32px;text-shadow:1px 2px 8px #00000040}
.TtlCnt .CtaPrm{display:inline-block;padding:16px 40px;background:#FFFCF7;color:#4F07C3;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:28px;box-shadow:4px 6px 0 #0003;transition:all .3s ease}
.TtlCnt .CtaPrm:hover{transform:translateY(-3px);box-shadow:6px 10px 0 #00000040;background:#00BFF3;color:#FFFCF7}
.CmpSec{max-width:1400px;margin:0 auto 80px;padding:0 24px}
.CmpSec h2{font-size:2.4rem;color:#4F07C3;margin:0 0 48px;text-align:center;font-weight:700}
.CmpGrd{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.CmpCrd{background:#FFFCF7;border-radius:24px;padding:32px;box-shadow:3px 5px 0 #4f07c326;position:relative;overflow:hidden}
.CmpCrd::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#4F07C3 0%,#00BFF3 100%)}
.CmpCrd[data-type="traditional"]{border:2px solid #4f07c333}
.CmpCrd[data-type="platform"]{border:2px solid #00BFF3;box-shadow:4px 6px 0 #00bff333}
.CmpCrd h3{font-size:1.6rem;margin:0 0 20px;color:#4F07C3;font-weight:600;display:flex;align-items:center;gap:12px}
.CmpCrd h3 i{font-size:1.8rem}
.CmpCrd ul{list-style:none;margin:0;padding:0}
.CmpCrd ul li{padding:12px 0 12px 32px;position:relative;color:#333;line-height:1.6;font-size:1rem}
.CmpCrd ul li::before{content:'→';position:absolute;left:0;color:#00BFF3;font-weight:700}
.CmpCrd[data-type="platform"] ul li::before{content:'✓';color:#4F07C3}
.ImgShowcase{max-width:1600px;margin:0 auto 80px;padding:0 24px}
.ImgShowcase h2{font-size:2.4rem;color:#4F07C3;margin:0 0 40px;text-align:center;font-weight:700}
.ImgGallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ImgItem{position:relative;border-radius:20px;overflow:hidden;box-shadow:3px 5px 0 #4f07c31f;transition:all .3s ease}
.ImgItem:hover{transform:translateY(-6px);box-shadow:5px 9px 0 #00bff340}
.ImgItem img{width:100%;height:280px;object-fit:cover;display:block}
.GuarantSec{max-width:1200px;margin:0 auto 80px;padding:64px 24px;background:linear-gradient(135deg,#4f07c30d 0%,#00bff30d 100%);border-radius:32px;position:relative}
.GuarantSec::before{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:2px dashed #4f07c333;border-radius:28px;pointer-events:none}
.GuarantSec h2{font-size:2.4rem;color:#4F07C3;margin:0 0 48px;text-align:center;font-weight:700}
.GuarantGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.GuarantBox{background:#FFFCF7;padding:32px;border-radius:24px;box-shadow:4px 6px 0 #00bff326;position:relative}
.GuarantBox h3{font-size:1.5rem;color:#4F07C3;margin:0 0 16px;font-weight:600;display:flex;align-items:center;gap:12px}
.GuarantBox h3 i{font-size:1.7rem;color:#00BFF3}
.GuarantBox p{margin:0 0 16px;color:#333;line-height:1.7;font-size:1rem}
.GuarantBox p:last-child{margin:0}
.CondList{list-style:none;margin:16px 0 0;padding:0}
.CondList li{padding:10px 0 10px 28px;position:relative;color:#333;line-height:1.6}
.CondList li::before{content:'◆';position:absolute;left:0;color:#00BFF3;font-size:.9rem}
.SupportSec{max-width:1400px;margin:0 auto 80px;padding:0 24px}
.SupportSec h2{font-size:2.4rem;color:#4F07C3;margin:0 0 48px;text-align:center;font-weight:700}
.SupportChannels{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ChannelCard{background:#FFFCF7;border-radius:20px;padding:28px 20px;text-align:center;box-shadow:3px 5px 0 #4f07c31f;transition:all .3s ease;text-decoration:none;display:block;border:2px solid transparent}
.ChannelCard:hover{transform:translateY(-4px);box-shadow:5px 8px 0 #00bff333;border-color:#00BFF3}
.ChannelCard i{font-size:2.8rem;color:#4F07C3;margin-bottom:16px;display:block}
.ChannelCard h3{font-size:1.2rem;color:#4F07C3;margin:0 0 12px;font-weight:600}
.ChannelCard p{font-size:.95rem;color:#666;margin:0;line-height:1.5}
.CtaFinal{max-width:900px;margin:0 auto;padding:56px 24px;text-align:center;background:linear-gradient(135deg,#4F07C3 0%,#00BFF3 100%);border-radius:32px;box-shadow:6px 10px 0 #4f07c333}
.CtaFinal h2{font-size:2.2rem;color:#FFFCF7;margin:0 0 20px;font-weight:700}
.CtaFinal p{font-size:1.15rem;color:#FFFCF7;margin:0 0 32px;line-height:1.6}
.CtaFinal .BtnLrg{display:inline-block;padding:18px 48px;background:#FFFCF7;color:#4F07C3;font-size:1.15rem;font-weight:600;text-decoration:none;border-radius:28px;box-shadow:4px 6px 0 #0003;transition:all .3s ease}
.CtaFinal .BtnLrg:hover{transform:translateY(-3px);box-shadow:6px 10px 0 #0000004d;background:#fffcf7f2}
@media (max-width: 1024px) {
.TtlCnt h1{font-size:2.5rem}
.CmpGrd{grid-template-columns:1fr;gap:24px}
.ImgGallery{grid-template-columns:repeat(2,1fr);gap:20px}
.GuarantGrid{grid-template-columns:1fr;gap:28px}
.SupportChannels{grid-template-columns:repeat(2,1fr);gap:20px}
}
@media (max-width: 640px) {
.TtlWrp{min-height:420px}
.TtlCnt h1{font-size:2rem}
.TtlCnt .SubTxt{font-size:1.05rem}
.TtlCnt .CtaPrm{padding:14px 32px;font-size:1rem}
.CmpSec h2,.GuarantSec h2,.SupportSec h2{font-size:1.9rem}
.CmpCrd{padding:24px}
.CmpCrd h3{font-size:1.4rem}
.ImgGallery{grid-template-columns:1fr;gap:16px}
.ImgItem img{height:220px}
.GuarantSec{padding:40px 20px}
.GuarantBox{padding:24px}
.SupportChannels{grid-template-columns:1fr;gap:16px}
.CtaFinal{padding:40px 20px}
.CtaFinal h2{font-size:1.8rem}
.CtaFinal p{font-size:1rem}
}
.PgCt{max-width:1600px;margin:0 auto}
.HrSc{position:relative;overflow:hidden;background:linear-gradient(211deg,#4F07C3 0%,#00BFF3 50%,#FFFCF7 100%);padding:80px 20px;margin-bottom:90px}
.HrSc .InrWrp{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.HrSc .TxtBlk{color:#FFFCF7}
.HrSc .TxtBlk h1{font-size:3.2rem;font-weight:700;margin:0 0 24px;line-height:1.1}
.HrSc .TxtBlk .SbHd{font-size:1.3rem;line-height:1.6;opacity:.95;font-weight:400;margin:0 0 20px}
.HrSc .TxtBlk .SlTxt{font-size:1.1rem;line-height:1.7;opacity:.9;max-width:520px}
.HrSc .ImgPnl{position:relative;height:480px;overflow:visible}
.HrSc .ImgPnl img{position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:680px;height:520px;object-fit:cover;border-radius:24px;box-shadow:0 16px 48px #0003}
.HrSc .DcrShp{position:absolute;width:280px;height:280px;background:#fffcf71f;border-radius:50%;z-index:1}
.HrSc .DcrShp:first-child{top:-80px;left:-60px;animation:flt-1 8s ease-in-out infinite}
.HrSc .DcrShp:last-child{bottom:-100px;right:10%;width:200px;height:200px;animation:flt-2 6s ease-in-out infinite}
@keyframes flt-1 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(20px,-30px)}
}
@keyframes flt-2 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-25px,20px)}
}
.CntSc{max-width:1400px;margin:0 auto 100px;padding:0 20px}
.CntSc .GrdLyt{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.CntSc .InfSd h2{font-size:2.4rem;font-weight:700;color:#4F07C3;margin:0 0 32px;line-height:1.2}
.CntSc .InfSd p{font-size:1.05rem;line-height:1.7;color:#333;margin:0 0 48px}
.DtBx{background:#FFFCF7;border-radius:20px;padding:32px;margin-bottom:24px;box-shadow:0 4px 16px #4f07c314}
.DtBx h3{font-size:1.1rem;font-weight:600;color:#4F07C3;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.DtBx h3 i{font-size:1.4rem}
.DtBx a{color:#00BFF3;text-decoration:none;font-size:1.05rem;transition:color .3s ease;display:block;margin-bottom:8px}
.DtBx a:hover{color:#4F07C3}
.DtBx .AddrTxt{color:#555;font-size:1rem;line-height:1.6;margin:0}
.MltCh{display:flex;gap:16px;margin-top:32px}
.MltCh a{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#4F07C3 0%,#00BFF3 100%);border-radius:16px;color:#FFFCF7;text-decoration:none;font-size:1.6rem;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #4f07c333}
.MltCh a:hover{transform:translateY(-4px);box-shadow:0 8px 20px #4f07c34d}
.FrmWrp{background:#FFFCF7;border-radius:24px;padding:48px;box-shadow:0 8px 32px #4f07c31f}
.FrmWrp h3{font-size:1.8rem;font-weight:700;color:#4F07C3;margin:0 0 32px}
.FrmWrp form{display:flex;flex-direction:column;gap:24px}
.FldGrp{display:flex;flex-direction:column;gap:8px}
.FldGrp label{font-size:.95rem;font-weight:600;color:#333}
.FldGrp input,.FldGrp select,.FldGrp textarea{padding:16px 20px;border:2px solid #e0e0e0;border-radius:16px;font-size:1rem;background:#fff;transition:border-color .3s ease,box-shadow .3s ease}
.FldGrp input:focus,.FldGrp select:focus,.FldGrp textarea:focus{outline:none;border-color:#00BFF3;box-shadow:0 0 0 3px #00bff31a}
.FldGrp select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%234F07C3' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:48px}
.FldGrp textarea{min-height:140px;resize:vertical;font-family:inherit}
.ChkWrp{display:flex;align-items:start;gap:12px;margin-top:8px}
.ChkWrp input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#4F07C3}
.ChkWrp label{font-size:.9rem;color:#555;line-height:1.5;cursor:pointer}
.ChkWrp label a{color:#00BFF3;text-decoration:none}
.ChkWrp label a:hover{color:#4F07C3}
.SbmBt{background:linear-gradient(135deg,#4F07C3 0%,#00BFF3 100%);color:#FFFCF7;border:none;padding:18px 40px;border-radius:20px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 20px #4f07c34d;margin-top:8px}
.SbmBt:hover{transform:translateY(-2px);box-shadow:0 10px 28px #4f07c366}
.TmLn{max-width:1400px;margin:0 auto 100px;padding:0 20px}
.TmLn h2{font-size:2.6rem;font-weight:700;color:#4F07C3;text-align:center;margin:0 0 64px}
.PrcStp{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}
.PrcStp::before{content:'';position:absolute;top:60px;left:16%;right:16%;height:3px;background:linear-gradient(90deg,#4F07C3 0%,#00BFF3 100%);z-index:0}
.StpItm{position:relative;z-index:1;text-align:center}
.StpNm{width:120px;height:120px;margin:0 auto 24px;background:linear-gradient(135deg,#4F07C3 0%,#00BFF3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFFCF7;font-size:2.4rem;font-weight:700;box-shadow:0 8px 24px #4f07c34d;border:6px solid #FFFCF7}
.StpItm h4{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 12px}
.StpItm p{font-size:1rem;line-height:1.6;color:#555;margin:0}
.FqSc{max-width:1000px;margin:0 auto 100px;padding:0 20px}
.FqSc h2{font-size:2.6rem;font-weight:700;color:#4F07C3;text-align:center;margin:0 0 56px}
.FqItm{background:#FFFCF7;border-radius:20px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 16px #4f07c314}
.FqItm input[type="radio"]{display:none}
.FqItm label{display:block;padding:28px 32px;font-size:1.2rem;font-weight:600;color:#4F07C3;cursor:pointer;position:relative;transition:background-color .3s ease}
.FqItm label::after{content:'+';position:absolute;right:32px;top:50%;transform:translateY(-50%);font-size:1.8rem;transition:transform .3s ease}
.FqItm input[type="radio"]:checked + label{background:linear-gradient(135deg,#4F07C3 0%,#00BFF3 100%);color:#FFFCF7}
.FqItm input[type="radio"]:checked + label::after{content:'−';transform:translateY(-50%) rotate(180deg)}
.FqCnt{max-height:0;overflow:hidden;transition:max-height .4s ease}
.FqItm input[type="radio"]:checked ~ .FqCnt{max-height:400px}
.FqCnt p{padding:0 32px 28px;font-size:1.05rem;line-height:1.7;color:#555;margin:0}
.CtaScn{max-width:1400px;margin:0 auto 100px;padding:0 20px}
.CtaBx{background:linear-gradient(211deg,#4F07C3 0%,#00BFF3 50%,#FFFCF7 100%);border-radius:32px;padding:80px 60px;text-align:center;box-shadow:0 12px 40px #4f07c333}
.CtaBx h2{font-size:2.8rem;font-weight:700;color:#FFFCF7;margin:0 0 24px;line-height:1.2}
.CtaBx p{font-size:1.2rem;color:#fffcf7f2;margin:0 0 40px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}
.CtaBt{display:inline-flex;align-items:center;gap:12px;background:#FFFCF7;color:#4F07C3;padding:20px 48px;border-radius:20px;font-size:1.15rem;font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px #00000026}
.CtaBt:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003}
.CtaBt i{font-size:1.3rem}
@media (max-width: 1024px) {
.HrSc .InrWrp{grid-template-columns:1fr;gap:40px}
.HrSc .ImgPnl{height:360px}
.HrSc .ImgPnl img{position:relative;right:0;transform:none;width:100%;height:100%;max-width:600px;margin:0 auto;display:block}
.HrSc .TxtBlk h1{font-size:2.6rem}
.CntSc .GrdLyt{grid-template-columns:1fr;gap:60px}
.PrcStp{grid-template-columns:1fr;gap:48px}
.PrcStp::before{display:none}
.CtaBx{padding:60px 40px}
.CtaBx h2{font-size:2.2rem}
}
@media (max-width: 640px) {
.HrSc{padding:60px 20px;margin-bottom:60px}
.HrSc .TxtBlk h1{font-size:2rem}
.HrSc .TxtBlk .SbHd{font-size:1.1rem}
.HrSc .ImgPnl{height:280px}
.CntSc .InfSd h2{font-size:1.9rem}
.FrmWrp{padding:32px 24px}
.FrmWrp h3{font-size:1.5rem}
.TmLn h2,.FqSc h2{font-size:2rem}
.StpNm{width:100px;height:100px;font-size:2rem}
.StpItm h4{font-size:1.15rem}
.MltCh{flex-wrap:wrap}
.CtaBx{padding:48px 24px}
.CtaBx h2{font-size:1.8rem}
.CtaBx p{font-size:1.05rem}
}
.TtlWrp{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;margin-bottom:88px}
.TtlWrp .bg-layer{position:absolute;top:0;left:0;width:68%;height:100%;z-index:1}
.TtlWrp .bg-layer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(./visuals/12-CONTACT.jpg) center/cover;opacity:.22;mix-blend-mode:multiply}
.TtlWrp .bg-layer::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(147deg,#4F07C3 0%,#00bff3b3 100%)}
.TtlWrp .cnt-box{position:relative;z-index:3;max-width:1600px;margin:0 auto;padding:72px 24px;width:100%}
.TtlWrp h1{font-size:62px;font-weight:700;color:#FFFCF7;line-height:1.15;margin:0 0 18px;max-width:740px;text-shadow:2px 3px 6px #4f07c359}
.TtlWrp .sub-txt{font-size:19px;color:#FFFCF7;line-height:1.6;max-width:580px;margin:0;opacity:.95}
.geo-deco{position:absolute;width:140px;height:140px;border-radius:50%;background:linear-gradient(211deg,#00BFF3 0%,#FFFCF7 100%);opacity:.14;z-index:2}
.geo-deco.d1{top:-42px;right:18%}
.geo-deco.d2{bottom:64px;right:8%;width:96px;height:96px;border-radius:28px;transform:rotate(24deg)}
.StoryGrid{max-width:1600px;margin:0 auto;padding:0 24px 96px}
.StoryGrid .grid-wrap{display:grid;grid-template-columns:repeat(12,1fr);gap:48px;align-items:start}
.StoryGrid .txt-col{grid-column:span 7}
.StoryGrid .img-col{grid-column:span 5;position:relative}
.StoryGrid h2{font-size:44px;font-weight:700;color:#4F07C3;line-height:1.25;margin:0 0 32px;position:relative;padding-left:18px}
.StoryGrid h2::before{content:'';position:absolute;left:0;top:8px;width:5px;height:72%;background:linear-gradient(180deg,#00BFF3 0%,#4F07C3 100%);border-radius:3px}
.StoryGrid .txt-blk{margin-bottom:28px}
.StoryGrid .txt-blk h3{font-size:22px;font-weight:600;color:#2d2d2d;margin:0 0 12px;line-height:1.4}
.StoryGrid .txt-blk p{font-size:17px;color:#4a4a4a;line-height:1.7;margin:0}
.StoryGrid .highlight{color:#00BFF3;font-weight:500}
.StoryGrid .img-stack{position:relative;display:grid;gap:16px}
.StoryGrid .img-stack .main-img{position:relative;border-radius:24px;overflow:hidden;box-shadow:4px 6px 18px #4f07c326}
.StoryGrid .img-stack .main-img img{width:100%;height:auto;display:block;object-fit:cover}
.StoryGrid .img-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.StoryGrid .img-row .sm-img{border-radius:18px;overflow:hidden;box-shadow:3px 4px 12px #00bff31f;position:relative}
.StoryGrid .img-row .sm-img img{width:100%;height:220px;object-fit:cover;display:block}
.StoryGrid .stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}
.StoryGrid .stat-card{background:linear-gradient(135deg,#FFFCF7 0%,#00bff314 100%);border-radius:20px;padding:24px 20px;border:2px solid #4f07c31a;text-align:center;transition:transform 0.3s,box-shadow .3s}
.StoryGrid .stat-card:hover{transform:translateY(-4px);box-shadow:4px 8px 20px #4f07c32e}
.StoryGrid .stat-card .num{font-size:38px;font-weight:700;color:#4F07C3;line-height:1;margin:0 0 8px;display:block}
.StoryGrid .stat-card .label{font-size:15px;color:#5a5a5a;line-height:1.4;margin:0}
@media (max-width: 1024px) {
.TtlWrp{min-height:420px;margin-bottom:64px}
.TtlWrp .bg-layer{width:100%}
.TtlWrp h1{font-size:48px}
.TtlWrp .sub-txt{font-size:17px}
.geo-deco.d1{right:5%}
.StoryGrid{padding-bottom:72px}
.StoryGrid .grid-wrap{grid-template-columns:1fr;gap:36px}
.StoryGrid .txt-col,.StoryGrid .img-col{grid-column:span 1}
.StoryGrid h2{font-size:38px}
.StoryGrid .stat-cards{grid-template-columns:repeat(3,1fr);gap:16px}
.StoryGrid .stat-card .num{font-size:32px}
.StoryGrid .stat-card .label{font-size:14px}
}
@media (max-width: 640px) {
.TtlWrp{min-height:360px;margin-bottom:48px}
.TtlWrp .cnt-box{padding:48px 20px}
.TtlWrp h1{font-size:36px;margin-bottom:14px}
.TtlWrp .sub-txt{font-size:16px}
.geo-deco{width:100px;height:100px}
.geo-deco.d2{width:72px;height:72px}
.StoryGrid{padding:0 20px 56px}
.StoryGrid .grid-wrap{gap:28px}
.StoryGrid h2{font-size:32px;margin-bottom:24px;padding-left:14px}
.StoryGrid h2::before{width:4px}
.StoryGrid .txt-blk h3{font-size:20px}
.StoryGrid .txt-blk p{font-size:16px}
.StoryGrid .img-row{grid-template-columns:1fr}
.StoryGrid .img-row .sm-img img{height:180px}
.StoryGrid .stat-cards{grid-template-columns:1fr;gap:14px;margin-top:32px}
.StoryGrid .stat-card{padding:20px 16px}
.StoryGrid .stat-card .num{font-size:34px}
}
.Sc{background:linear-gradient(135deg,#4F07C3 0%,#00BFF3 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.Sc::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:repeating-linear-gradient(45deg,#fffcf70d 0px,#fffcf70d 20px,transparent 20px,transparent 40px);pointer-events:none}
.Sc .Cnt{max-width:1600px;margin:0 auto;position:relative;z-index:2;text-align:center}
.Sc .MainTtl{font-size:56px;font-weight:700;color:#FFFCF7;margin:0 0 24px;line-height:1.1;text-shadow:0 4px 12px #0003}
.Sc .SubTx{font-size:20px;color:#fffcf7f2;max-width:680px;margin:0 auto;line-height:1.6}
.Sc .IcnWrp{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;background:#fffcf726;border-radius:24px;margin-bottom:32px;backdrop-filter:blur(8px)}
.Sc .IcnWrp i{font-size:44px;color:#FFFCF7}
.CntBlk{padding:96px 20px;background:#FFFCF7}
.CntBlk .InrCnt{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.CntBlk .TxZn h2{font-size:42px;font-weight:700;color:#4F07C3;margin:0 0 20px;line-height:1.2}
.CntBlk .TxZn h2::before{content:'';display:inline-block;width:6px;height:36px;background:linear-gradient(180deg,#4F07C3 0%,#00BFF3 100%);margin-right:16px;vertical-align:middle;border-radius:3px}
.CntBlk .TxZn p{font-size:17px;color:#2a2a2a;line-height:1.7;margin:0 0 24px}
.CntBlk .TxZn p:last-of-type{margin-bottom:0}
.CntBlk .ActBx{display:flex;flex-direction:column;gap:20px}
.CntBlk .BtnPr{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4F07C3 0%,#00BFF3 100%);color:#FFFCF7;padding:18px 40px;border-radius:20px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #4f07c340;border:none;cursor:pointer}
.CntBlk .BtnPr:hover{transform:translateY(-3px);box-shadow:0 10px 30px #4f07c359}
.CntBlk .BtnPr i{margin-right:10px;font-size:20px}
.CntBlk .BtnSc{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#4F07C3;padding:18px 40px;border-radius:20px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid #4F07C3}
.CntBlk .BtnSc:hover{background:#4f07c30d;border-color:#00BFF3;color:#00BFF3}
.CntBlk .BtnSc i{margin-right:10px;font-size:20px}
.InfGrd{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.InfCrd{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;border:2px solid transparent}
.InfCrd:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f07c326;border-color:#00BFF3}
.InfCrd .IcnHd{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#4f07c31a 0%,#00bff31a 100%);border-radius:16px;margin-bottom:20px}
.InfCrd .IcnHd i{font-size:28px;color:#4F07C3}
.InfCrd h3{font-size:20px;font-weight:700;color:#2a2a2a;margin:0 0 12px;line-height:1.3}
.InfCrd p{font-size:15px;color:#555;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.Sc{padding:80px 20px 60px}
.Sc .MainTtl{font-size:42px}
.Sc .SubTx{font-size:18px}
.CntBlk{padding:64px 20px}
.CntBlk .InrCnt{grid-template-columns:1fr;gap:48px}
.CntBlk .TxZn h2{font-size:36px}
.InfGrd{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 640px) {
.Sc{padding:60px 16px 40px}
.Sc .MainTtl{font-size:32px;margin-bottom:16px}
.Sc .SubTx{font-size:16px}
.Sc .IcnWrp{width:72px;height:72px;margin-bottom:24px}
.Sc .IcnWrp i{font-size:36px}
.CntBlk{padding:48px 16px}
.CntBlk .TxZn h2{font-size:28px}
.CntBlk .TxZn h2::before{width:5px;height:28px;margin-right:12px}
.CntBlk .TxZn p{font-size:16px}
.CntBlk .BtnPr,.CntBlk .BtnSc{padding:16px 32px;font-size:16px}
.InfCrd{padding:24px}
.InfCrd h3{font-size:18px}
.InfCrd p{font-size:14px}
}