*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Fira Code',monospace;background:linear-gradient(188deg,#F7F7F7 0%,#fff 100%);color:#1a1a1a;line-height:1.6}
body::-webkit-scrollbar{width:14px}
body::-webkit-scrollbar-track{background:#F7F7F7}
body::-webkit-scrollbar-thumb{background:linear-gradient(188deg,#820EBB 0%,#0AFFF8 100%);border-radius:30px;box-shadow:0 3px 8px #820ebb4d}
.HdWrap{max-width:1400px;margin:0 auto;padding:0 20px}
.HdRow{display:flex;align-items:center;justify-content:space-between;padding:25px 0;min-height:110px;border-bottom:2px solid #820ebb1a;background:linear-gradient(188deg,#820ebb08 0%,#0afff805 100%);border-radius:35px;margin-top:15px;box-shadow:0 4px 12px #0000000d}
.BrandCluster{display:flex;align-items:center;gap:18px}
.LogoBox{display:flex;align-items:center;justify-content:center;width:90px;height:90px;background:#fff;border-radius:28px;box-shadow:0 5px 15px #820ebb26;padding:12px}
.LogoImg{width:100%;height:100%;object-fit:contain}
.IdentityFlow{display:flex;align-items:center;gap:12px}
.ConnectorDot{width:8px;height:8px;background:linear-gradient(188deg,#820EBB 0%,#0AFFF8 100%);border-radius:50%}
.CompanyTitle{font-size:24px;font-weight:700;color:#820EBB}
.ConnectorLine{width:40px;height:2px;background:linear-gradient(90deg,#820EBB 0%,#0AFFF8 100%)}
.TaglineText{font-size:14px;color:#555;max-width:220px}
.MainNav{display:flex;align-items:center;gap:28px}
.NavConnector{width:2px;height:30px;background:linear-gradient(188deg,#820EBB 0%,#0AFFF8 100%);margin-right:10px}
.NavLnk{font-size:15px;color:#333;text-decoration:none;padding:10px 18px;border-radius:22px;transition:all 300ms ease-in-out;border:1px solid transparent}
.NavLnk:hover{border-color:#820EBB;background:#820ebb0d}
main{max-width:1400px;margin:0 auto;padding:40px 20px}
.FtWrap{max-width:1400px;margin:0 auto;padding:0 20px}
.FtContent{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;padding:50px 0 30px;border-top:2px solid #820ebb26;margin-top:60px}
.InfoCol{flex:1;min-width:280px}
.ContactBlock{display:flex;flex-direction:column;gap:16px}
.ContactItem{display:flex;align-items:center;gap:12px;font-size:14px;color:#444}
.IconSvg{color:#820EBB;flex-shrink:0}
.LinkCol{flex:1;min-width:280px;display:flex;justify-content:flex-end}
.FtNav{display:flex;flex-direction:column;gap:14px}
.FtLnk{font-size:14px;color:#555;text-decoration:none;transition:color 200ms ease-in-out}
.FtLnk:hover{color:#820EBB}
.CopyrightBar{padding:20px 0;text-align:center;border-top:1px solid #820ebb1a}
.CopyrightTxt{font-size:13px;color:#666}
.CookieToast{position:fixed;bottom:20px;right:20px;background:#fff;border-radius:28px;box-shadow:0 6px 20px #00000026;padding:24px;max-width:380px;z-index:9999;display:none}
.ToastTabs{display:flex;gap:10px;margin-bottom:16px;border-bottom:2px solid #F7F7F7;padding-bottom:10px}
.TabBtn{background:transparent;border:1px solid #ddd;border-radius:20px;padding:8px 18px;font-family:'Fira Code',monospace;font-size:13px;cursor:pointer;transition:all 200ms ease-in-out;color:#555}
.TabBtn-active{border-color:#820EBB;background:#820ebb14;color:#820EBB}
.TabContent{display:none}
.TabContent-active{display:block}
.ToastMsg{font-size:14px;color:#333;line-height:1.5;margin-bottom:16px}
.CookieOptions{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.ChkLabel{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;cursor:pointer}
.ChkBox{width:18px;height:18px;cursor:pointer}
.ToastActions{display:flex;gap:12px}
.BtnOutline{flex:1;background:transparent;border:2px solid #820EBB;border-radius:24px;padding:10px 20px;font-family:'Fira Code',monospace;font-size:13px;color:#820EBB;cursor:pointer;transition:all 300ms ease-in-out}
.BtnOutline:hover{background:#820ebb14}
@media (max-width: 968px) {
.HdRow{flex-direction:column;gap:20px;padding:20px}
.BrandCluster{flex-direction:column;text-align:center}
.IdentityFlow{flex-direction:column;gap:8px}
.ConnectorLine{width:2px;height:30px}
.MainNav{flex-wrap:wrap;justify-content:center}
.NavConnector{display:none}
.FtContent{flex-direction:column}
.LinkCol{justify-content:flex-start}
.CookieToast{left:20px;right:20px;max-width:none}
}
@media (max-width: 580px) {
.CompanyTitle{font-size:20px}
.TaglineText{font-size:12px}
.NavLnk{font-size:14px;padding:8px 14px}
.ToastActions{flex-direction:column}
.BtnOutline{width:100%}
}
.doc-block{max-width:1400px;margin:0 auto;padding:80px 24px;background:#F7F7F7}
.doc-block h1{font-size:48px;line-height:1.2;color:#820EBB;margin:0 0 16px;font-weight:700}
.doc-block h2{font-size:36px;line-height:1.3;color:#820EBB;margin:64px 0 24px;font-weight:600}
.doc-block h3{font-size:28px;line-height:1.4;color:#333;margin:48px 0 20px;font-weight:600}
.doc-block h4{font-size:22px;line-height:1.4;color:#333;margin:40px 0 16px;font-weight:600}
.doc-block h5{font-size:18px;line-height:1.5;color:#555;margin:32px 0 12px;font-weight:600}
.doc-block h6{font-size:16px;line-height:1.5;color:#666;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.doc-block p{font-size:17px;line-height:1.8;color:#333;margin:0 0 24px}
.doc-block ul{margin:0 0 32px;padding:0 0 0 32px;list-style-type:disc}
.doc-block ol{margin:0 0 32px;padding:0 0 0 32px;list-style-type:decimal}
.doc-block li{font-size:17px;line-height:1.8;color:#333;margin:0 0 16px;padding-left:8px}
.doc-block ul ul{margin:16px 0;padding-left:32px;list-style-type:circle}
.doc-block ol ol{margin:16px 0;padding-left:32px;list-style-type:lower-alpha}
.doc-block ul li:last-child,.doc-block ol li:last-child{margin-bottom:0}
.doc-block strong,.doc-block b{font-weight:700;color:#222}
.doc-block em,.doc-block i{font-style:italic;color:#444}
.doc-block hr{border:none;height:2px;background:linear-gradient(90deg,#820EBB 0%,#0AFFF8 100%);margin:64px 0;border-radius:30px}
.doc-block div{margin:0 0 24px}
.doc-block a{color:#820EBB;text-decoration:underline;transition:color 300ms ease-in-out}
.doc-block a:hover{color:#0AFFF8}
@media (max-width: 1024px) {
.doc-block{padding:60px 20px}
.doc-block h1{font-size:40px}
.doc-block h2{font-size:32px;margin:56px 0 20px}
.doc-block h3{font-size:24px;margin:40px 0 16px}
.doc-block h4{font-size:20px;margin:32px 0 14px}
}
@media (max-width: 768px) {
.doc-block{padding:40px 16px}
.doc-block h1{font-size:32px;margin-bottom:12px}
.doc-block h2{font-size:26px;margin:48px 0 16px}
.doc-block h3{font-size:22px;margin:36px 0 14px}
.doc-block h4{font-size:19px;margin:28px 0 12px}
.doc-block h5{font-size:17px;margin:24px 0 10px}
.doc-block h6{font-size:15px;margin:20px 0 10px}
.doc-block p{font-size:16px;line-height:1.7;margin-bottom:20px}
.doc-block li{font-size:16px;line-height:1.7;margin-bottom:12px}
.doc-block ul,.doc-block ol{padding-left:24px;margin-bottom:28px}
.doc-block hr{margin:48px 0}
}
@media (max-width: 480px) {
.doc-block{padding:32px 12px}
.doc-block h1{font-size:28px}
.doc-block h2{font-size:24px;margin:40px 0 14px}
.doc-block h3{font-size:20px}
.doc-block ul,.doc-block ol{padding-left:20px}
.doc-block ul ul,.doc-block ol ol{padding-left:24px}
}
.HeroBlock{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}
.HeroBlock .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(3px);opacity:.25}
.HeroBlock .color-spot-one{position:absolute;top:-80px;right:15%;width:420px;height:420px;background:radial-gradient(circle,#820EBB 0%,transparent 70%);filter:blur(90px);opacity:.4}
.HeroBlock .color-spot-two{position:absolute;bottom:-100px;left:10%;width:500px;height:500px;background:radial-gradient(circle,#0AFFF8 0%,transparent 70%);filter:blur(110px);opacity:.35}
.HeroBlock .content-wrap{position:relative;z-index:2;max-width:880px;margin:0 auto;padding:0 24px;text-align:center}
.HeroBlock .title-main{font-size:58px;font-weight:700;line-height:1.15;color:#1a1a1a;margin:0 0 26px}
.HeroBlock .subtitle-text{font-size:20px;line-height:1.6;color:#4a4a4a;max-width:680px;margin:0 auto}
.ArticleGrid{max-width:1400px;margin:0 auto 90px;padding:0 24px}
.ArticleGrid .grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 36px}
.ArticleGrid .article-card{background:linear-gradient(135deg,#fff 0%,#f9f9f9 100%);border-radius:28px;overflow:hidden;box-shadow:0 4px 6px #820ebb14;transition:transform 200ms ease-in-out,box-shadow 200ms ease-in-out}
.ArticleGrid .article-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #820ebb26}
.ArticleGrid .card-img{width:100%;height:280px;object-fit:cover}
.ArticleGrid .card-body{padding:32px 28px}
.ArticleGrid .card-meta{font-size:14px;color:#820EBB;font-weight:600;margin:0 0 14px}
.ArticleGrid .card-title{font-size:26px;font-weight:700;line-height:1.35;color:#1a1a1a;margin:0 0 16px}
.ArticleGrid .card-excerpt{font-size:16px;line-height:1.65;color:#555;margin:0}
.TimelineSection{max-width:1400px;margin:0 auto 95px;padding:0 24px}
.TimelineSection .section-head{text-align:center;margin-bottom:56px}
.TimelineSection .section-title{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 18px}
.TimelineSection .section-desc{font-size:18px;line-height:1.6;color:#4a4a4a;max-width:720px;margin:0 auto}
.TimelineSection .timeline-wrap{position:relative;display:flex;flex-direction:column;gap:0}
.TimelineSection .timeline-line{position:absolute;left:80px;top:40px;bottom:40px;width:3px;background:linear-gradient(180deg,#820EBB 0%,#0AFFF8 100%)}
.TimelineSection .timeline-item{position:relative;padding-left:160px;padding-bottom:52px}
.TimelineSection .timeline-item:last-child{padding-bottom:0}
.TimelineSection .timeline-marker{position:absolute;left:65px;top:12px;width:32px;height:32px;background:linear-gradient(135deg,#820EBB 0%,#0AFFF8 100%);border-radius:50%;box-shadow:0 0 0 6px #ffffff,0 0 0 8px #820ebb33}
.TimelineSection .item-label{font-size:14px;font-weight:600;color:#820EBB;margin:0 0 10px}
.TimelineSection .item-heading{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.TimelineSection .item-text{font-size:16px;line-height:1.7;color:#555;margin:0}
.FeatureCompare{background:linear-gradient(145deg,#f7f7f7 0%,#fff 100%);padding:75px 24px;margin-bottom:85px}
.FeatureCompare .compare-container{max-width:1400px;margin:0 auto}
.FeatureCompare .compare-intro{text-align:center;margin-bottom:58px}
.FeatureCompare .intro-title{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;display:inline-block}
.FeatureCompare .intro-title::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#0AFFF8;border-radius:8px;opacity:.6}
.FeatureCompare .intro-title::after{content:'';position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#820EBB;border-radius:8px;opacity:.6}
.FeatureCompare .intro-subtitle{font-size:18px;line-height:1.6;color:#4a4a4a}
.FeatureCompare .compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.FeatureCompare .compare-card{background:#fff;border-radius:24px;padding:36px 28px;box-shadow:0 3px 5px #0000000f;position:relative;overflow:hidden;transition:all 300ms ease-in-out}
.FeatureCompare .compare-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#820EBB 0%,#0AFFF8 100%);transform:scaleX(0);transform-origin:left;transition:transform 300ms ease-in-out}
.FeatureCompare .compare-card:hover::before{transform:scaleX(1)}
.FeatureCompare .compare-card:hover{box-shadow:0 8px 16px #820ebb1f}
.FeatureCompare .card-icon-box{width:56px;height:56px;background:linear-gradient(135deg,#820ebb1a 0%,#0afff81a 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.FeatureCompare .card-icon-box svg{width:28px;height:28px;fill:#820EBB}
.FeatureCompare .card-heading{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 14px}
.FeatureCompare .card-description{font-size:15px;line-height:1.7;color:#555;margin:0}
@media (max-width: 1024px) {
.HeroBlock{min-height:420px;margin-bottom:60px}
.HeroBlock .title-main{font-size:46px}
.HeroBlock .subtitle-text{font-size:18px}
.ArticleGrid .grid-container{gap:36px 28px}
.ArticleGrid .card-img{height:240px}
.TimelineSection .timeline-line{left:60px}
.TimelineSection .timeline-marker{left:45px}
.TimelineSection .timeline-item{padding-left:120px}
.FeatureCompare .compare-grid{gap:24px}
}
@media (max-width: 768px) {
.HeroBlock{min-height:360px;margin-bottom:50px}
.HeroBlock .title-main{font-size:38px;margin-bottom:20px}
.HeroBlock .subtitle-text{font-size:17px}
.ArticleGrid{margin-bottom:60px}
.ArticleGrid .grid-container{grid-template-columns:1fr;gap:32px}
.ArticleGrid .card-img{height:220px}
.TimelineSection{margin-bottom:65px}
.TimelineSection .section-title{font-size:34px}
.TimelineSection .section-desc{font-size:16px}
.TimelineSection .timeline-line{left:20px}
.TimelineSection .timeline-marker{left:5px;width:28px;height:28px}
.TimelineSection .timeline-item{padding-left:60px;padding-bottom:40px}
.FeatureCompare{padding:55px 20px;margin-bottom:60px}
.FeatureCompare .intro-title{font-size:32px}
.FeatureCompare .intro-title::before,.FeatureCompare .intro-title::after{display:none}
.FeatureCompare .compare-grid{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 480px) {
.HeroBlock .title-main{font-size:32px}
.HeroBlock .subtitle-text{font-size:16px}
.ArticleGrid .card-body{padding:24px 20px}
.ArticleGrid .card-title{font-size:22px}
.TimelineSection .section-title{font-size:28px}
.TimelineSection .item-heading{font-size:20px}
.FeatureCompare .intro-title{font-size:28px}
.FeatureCompare .card-heading{font-size:20px}
}
.HeroSec{background:linear-gradient(188deg,#820EBB 0%,#0AFFF8 50%,#F7F7F7 100%);padding:100px 0 80px;position:relative;overflow:hidden}
.HeroSec::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#0afff826 0%,transparent 70%);border-radius:50%;pointer-events:none}
.HeroSec::after{content:'';position:absolute;bottom:-30%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,#820ebb1f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.HeroWrap{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.HeroContent{display:flex;align-items:center;gap:60px}
.HeroText{flex:1}
.HeroText h1{font-size:52px;line-height:1.2;color:#fff;margin-bottom:24px;font-weight:700;text-shadow:0 2px 8px #00000026}
.HeroText .manifest{font-size:19px;line-height:1.7;color:#fffffff2;margin-bottom:16px}
.HeroImg{flex:0 0 480px;position:relative}
.HeroImg img{width:100%;height:auto;border-radius:32px;box-shadow:0 8px 24px #0003;filter:contrast(1.08) brightness(1.05);object-fit:cover}
.HeroImg::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:linear-gradient(135deg,#0afff84d,#820ebb4d);border-radius:36px;z-index:-1}
.TargetSec{padding:90px 0;background:#F7F7F7}
.TargetBox{max-width:1400px;margin:0 auto;padding:0 24px}
.TargetBox h2{font-size:42px;color:#820EBB;margin-bottom:48px;text-align:center;font-weight:700}
.TargetGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ProfileCard{background:#fff;padding:40px 32px;border-radius:28px;box-shadow:0 4px 16px #00000014;transition:all 300ms ease-in-out;position:relative;overflow:hidden}
.ProfileCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#820EBB,#0AFFF8);transform:scaleY(0);transform-origin:top;transition:transform 400ms ease-in-out}
.ProfileCard:hover::before{transform:scaleY(1)}
.ProfileCard:hover{transform:translateY(-6px);box-shadow:0 8px 32px #820ebb26}
.ProfileCard h3{font-size:24px;color:#1a1a1a;margin-bottom:16px;font-weight:600}
.ProfileCard .desc{font-size:16px;line-height:1.6;color:#4a4a4a;margin-bottom:20px}
.ProfileCard .highlight{font-size:15px;color:#820EBB;font-weight:500}
.PriceSec{padding:90px 0;background:#fff}
.PriceContainer{max-width:1400px;margin:0 auto;padding:0 24px}
.PriceContainer h2{font-size:42px;color:#1a1a1a;margin-bottom:20px;text-align:center;font-weight:700;position:relative;display:inline-block;width:100%}
.PriceContainer h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#820EBB,#0AFFF8)}
.PriceIntro{text-align:center;max-width:720px;margin:0 auto 56px;font-size:17px;line-height:1.7;color:#4a4a4a}
.PriceDisplay{display:flex;gap:40px;align-items:stretch}
.PlanCard{flex:1;background:linear-gradient(145deg,#F7F7F7 0%,#fff 100%);padding:48px 36px;border-radius:32px;box-shadow:0 6px 20px #0000000f;border:2px solid transparent;transition:all 350ms ease-in-out}
.PlanCard:hover{border-color:#0AFFF8;box-shadow:0 12px 40px #0afff833}
.PlanCard.featured{background:linear-gradient(145deg,#820EBB 0%,#5a0a85 100%);color:#fff;transform:scale(1.05);box-shadow:0 12px 36px #820ebb4d}
.PlanCard.featured:hover{box-shadow:0 16px 48px #820ebb66}
.PlanCard h3{font-size:28px;margin-bottom:12px;font-weight:600}
.PlanCard .cost{font-size:48px;font-weight:700;margin-bottom:8px}
.PlanCard .period{font-size:16px;opacity:.8;margin-bottom:28px}
.PlanCard ul{list-style:none;margin-bottom:32px}
.PlanCard ul li{font-size:16px;line-height:1.6;margin-bottom:12px;padding-left:28px;position:relative}
.PlanCard ul li::before{content:'✓';position:absolute;left:0;color:#0AFFF8;font-weight:700;font-size:18px}
.PlanCard.featured ul li::before{color:#0AFFF8}
.PlanBtn{display:inline-block;padding:16px 40px;background:#820EBB;color:#fff;text-decoration:none;border-radius:24px;font-size:17px;font-weight:600;transition:all 200ms ease-in-out;box-shadow:0 4px 12px #820ebb40;z-index:10;position:relative}
.PlanBtn:hover{background:#6a0b9a;transform:translateY(-2px);box-shadow:0 6px 18px #820ebb59}
.PlanCard.featured .PlanBtn{background:#0AFFF8;color:#1a1a1a;box-shadow:0 4px 12px #0afff84d}
.PlanCard.featured .PlanBtn:hover{background:#08dde0;box-shadow:0 6px 18px #0afff873}
.GuaranteeSec{padding:90px 0;background:linear-gradient(165deg,#F7F7F7 0%,#e8e8e8 100%);position:relative}
.GuaranteeWrap{max-width:1400px;margin:0 auto;padding:0 24px}
.GuaranteeWrap h2{font-size:42px;color:#1a1a1a;margin-bottom:56px;text-align:center;font-weight:700}
.GuaranteeLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;align-items:center}
.GuaranteeVis{position:relative}
.GuaranteeVis img{width:100%;height:auto;border-radius:28px;box-shadow:0 8px 28px #0000001f;object-fit:cover}
.GuaranteeInfo h3{font-size:32px;color:#820EBB;margin-bottom:24px;font-weight:600}
.GuaranteeInfo .info-text{font-size:17px;line-height:1.7;color:#4a4a4a;margin-bottom:32px}
.GuaranteeList{display:flex;flex-direction:column;gap:20px}
.GuaranteeItem{background:#fff;padding:24px 28px;border-radius:20px;box-shadow:0 3px 12px #0000000f;transition:all 250ms ease-in-out;border-left:4px solid #0AFFF8}
.GuaranteeItem:hover{transform:translateX(8px);box-shadow:0 6px 20px #0afff826}
.GuaranteeItem h4{font-size:20px;color:#1a1a1a;margin-bottom:8px;font-weight:600}
.GuaranteeItem p{font-size:15px;line-height:1.6;color:#5a5a5a}
.MotivationSec{padding:90px 0;background:#fff}
.MotivContainer{max-width:1400px;margin:0 auto;padding:0 24px}
.MotivContainer h2{font-size:42px;color:#1a1a1a;margin-bottom:24px;text-align:center;font-weight:700}
.MotivSubtitle{text-align:center;max-width:680px;margin:0 auto 60px;font-size:18px;line-height:1.7;color:#4a4a4a}
.MotivSteps{display:flex;gap:36px;position:relative}
.MotivSteps::before{content:'';position:absolute;top:60px;left:0;right:0;height:3px;background:linear-gradient(90deg,#820EBB 0%,#0AFFF8 50%,#820EBB 100%);z-index:0}
.StepBox{flex:1;background:#F7F7F7;padding:40px 32px;border-radius:28px;position:relative;z-index:1;transition:all 300ms ease-in-out}
.StepBox:hover{background:linear-gradient(145deg,#fff,#F7F7F7);box-shadow:0 8px 28px #820ebb1f;transform:translateY(-8px)}
.StepNum{width:64px;height:64px;background:linear-gradient(135deg,#820EBB,#0AFFF8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 24px;box-shadow:0 4px 16px #820ebb4d}
.StepBox h3{font-size:22px;color:#1a1a1a;margin-bottom:16px;text-align:center;font-weight:600}
.StepBox p{font-size:16px;line-height:1.6;color:#4a4a4a;text-align:center}
.CtaBottom{margin-top:60px;text-align:center}
.CtaBottom .cta-link{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#820EBB,#0AFFF8);color:#fff;text-decoration:none;border-radius:28px;font-size:18px;font-weight:600;transition:all 250ms ease-in-out;box-shadow:0 6px 20px #820ebb4d;z-index:10;position:relative}
.CtaBottom .cta-link:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 32px #820ebb66}
.TestimonialSec{padding:90px 0;background:linear-gradient(175deg,#F7F7F7 0%,#fff 100%)}
.TestiBox{max-width:1400px;margin:0 auto;padding:0 24px}
.TestiBox h2{font-size:42px;color:#820EBB;margin-bottom:56px;text-align:center;font-weight:700;position:relative}
.TestiBox h2::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#0AFFF8,#820EBB);border-radius:2px}
.TestiWrapper{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start}
.TestiProfile{text-align:center}
.TestiProfile img{width:220px;height:220px;border-radius:50%;object-fit:cover;margin-bottom:20px;box-shadow:0 6px 24px #820ebb33;border:4px solid #0AFFF8}
.TestiProfile h3{font-size:24px;color:#1a1a1a;margin-bottom:8px;font-weight:600}
.TestiProfile .role{font-size:16px;color:#820EBB;font-weight:500}
.TestiContent{background:#fff;padding:48px 44px;border-radius:32px;box-shadow:0 6px 24px #00000014;position:relative}
.TestiContent::before{content:'"';position:absolute;top:-20px;left:32px;font-size:120px;color:#820ebb26;font-family:Georgia,serif;line-height:1}
.TestiContent p{font-size:18px;line-height:1.8;color:#3a3a3a;margin-bottom:16px;position:relative;z-index:1}
@media (max-width: 1200px) {
.HeroContent{gap:40px}
.HeroImg{flex:0 0 400px}
.HeroText h1{font-size:44px}
.TargetGrid{grid-template-columns:repeat(2,1fr)}
.MotivSteps::before{display:none}
}
@media (max-width: 900px) {
.HeroContent{flex-direction:column;text-align:center}
.HeroImg{flex:0 0 auto;width:100%;max-width:500px}
.HeroText h1{font-size:38px}
.PriceDisplay{flex-direction:column}
.PlanCard.featured{transform:scale(1)}
.GuaranteeLayout{grid-template-columns:1fr;gap:36px}
.MotivSteps{flex-direction:column}
.TestiWrapper{grid-template-columns:1fr;text-align:center}
}
@media (max-width: 600px) {
.HeroSec{padding:60px 0 50px}
.HeroText h1{font-size:32px}
.HeroText .manifest{font-size:17px}
.TargetGrid{grid-template-columns:1fr}
.TargetBox h2,.PriceContainer h2,.GuaranteeWrap h2,.MotivContainer h2,.TestiBox h2{font-size:34px}
.ProfileCard{padding:32px 24px}
.PlanCard{padding:36px 28px}
.PlanCard .cost{font-size:40px}
.GuaranteeInfo h3{font-size:28px}
.StepBox{padding:32px 24px}
.TestiContent{padding:36px 28px}
.CtaBottom .cta-link{padding:16px 36px;font-size:17px}
}
::-webkit-scrollbar{width:14px}
::-webkit-scrollbar-track{background:#F7F7F7}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#820EBB,#0AFFF8);border-radius:8px;box-shadow:0 2px 6px #00000026}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6a0b9a,#08dde0)}
.TpHero{position:relative;min-height:520px;background:linear-gradient(134deg,#820EBB 0%,#0AFFF8 48%,#F7F7F7 100%);overflow:hidden;display:flex;align-items:center;margin-bottom:85px}
.TpHero .ContentBox{max-width:1400px;width:100%;margin:0 auto;padding:0 25px;display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}
.TpHero .TextZone{padding:50px 0}
.TpHero .MainTitle{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 28px;line-height:1.15;text-shadow:0 3px 12px #820ebb59}
.TpHero .IntroList{list-style:none;padding:0;margin:0}
.TpHero .IntroList li{color:#fff;font-size:1.12rem;line-height:1.75;margin-bottom:16px;padding-left:32px;position:relative}
.TpHero .IntroList li::before{content:'';position:absolute;left:0;top:10px;width:18px;height:18px;background:#0AFFF8;border-radius:50%;box-shadow:0 2px 8px #0afff880}
.TpHero .ImgWrap{position:relative;height:480px}
.TpHero .ImgWrap img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;object-fit:cover;border-radius:35px 180px 35px 180px;box-shadow:0 8px 32px #00000040}
.ContactWrapper{max-width:1400px;width:100%;margin:0 auto 100px;padding:0 25px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px}
.FormSection{background:#F7F7F7;padding:55px 45px;border-radius:28px;box-shadow:0 6px 24px #00000014}
.FormSection .FormHeading{font-size:2rem;font-weight:700;color:#820EBB;margin:0 0 12px}
.FormSection .FormSubtext{font-size:1.05rem;color:#333;margin:0 0 38px;line-height:1.65}
.FormSection .FormBox{display:flex;flex-direction:column;gap:22px}
.FormSection .RowGroup{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.FormSection .FieldWrap{display:flex;flex-direction:column;gap:8px}
.FormSection .FieldLabel{font-size:.96rem;font-weight:600;color:#333}
.FormSection .FieldInput{padding:14px 18px;border:2px solid #ddd;border-radius:12px;font-size:1rem;color:#333;background:#fff;transition:all 240ms ease-in-out}
.FormSection .FieldInput:focus{outline:none;border-color:#820EBB;box-shadow:0 0 0 3px #820ebb1f}
.FormSection .FieldTextarea{padding:14px 18px;border:2px solid #ddd;border-radius:12px;font-size:1rem;color:#333;background:#fff;min-height:140px;resize:vertical;font-family:inherit;transition:all 240ms ease-in-out}
.FormSection .FieldTextarea:focus{outline:none;border-color:#820EBB;box-shadow:0 0 0 3px #820ebb1f}
.FormSection .PreferenceToggle{display:none}
.FormSection .PreferenceLabel{display:block;padding:14px 18px;border:2px solid #ddd;border-radius:12px;background:#fff;cursor:pointer;font-size:1rem;color:#666;transition:all 180ms ease-in-out;position:relative;padding-right:45px}
.FormSection .PreferenceLabel::after{content:'▼';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:.85rem;color:#820EBB;transition:transform 180ms ease-in-out}
.FormSection .PreferenceToggle:checked + .PreferenceLabel{border-color:#820EBB;color:#820EBB}
.FormSection .PreferenceToggle:checked + .PreferenceLabel::after{transform:translateY(-50%) rotate(180deg)}
.FormSection .ExpandContent{max-height:0;overflow:hidden;transition:max-height 320ms ease-in-out}
.FormSection .PreferenceToggle:checked ~ .ExpandContent{max-height:280px;margin-top:18px}
.FormSection .ChoiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.FormSection .ChoiceRadio{display:none}
.FormSection .ChoiceBtn{display:block;padding:12px 16px;border:2px solid #ddd;border-radius:10px;background:#fff;text-align:center;font-size:.95rem;color:#666;cursor:pointer;transition:all 160ms ease-in-out}
.FormSection .ChoiceRadio:checked + .ChoiceBtn{border-color:#0AFFF8;background:#0afff81f;color:#333;font-weight:600}
.FormSection .ChoiceBtn:hover{border-color:#820EBB}
.FormSection .PolicyCheck{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.FormSection .PolicyCheck input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#820EBB}
.FormSection .PolicyCheck label{font-size:.92rem;color:#555;line-height:1.5}
.FormSection .PolicyCheck a{color:#820EBB;text-decoration:underline;transition:color 140ms ease-in-out}
.FormSection .PolicyCheck a:hover{color:#0AFFF8}
.FormSection .SubmitBtn{padding:16px 36px;background:linear-gradient(135deg,#820EBB 0%,#0AFFF8 100%);color:#fff;font-size:1.08rem;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:all 220ms ease-in-out;box-shadow:0 5px 18px #820ebb4d;margin-top:12px}
.FormSection .SubmitBtn:hover{transform:translateY(-3px);box-shadow:0 8px 26px #820ebb73}
.FormSection .SubmitBtn:active{transform:translateY(-1px)}
.InfoSection{display:flex;flex-direction:column;gap:40px;padding-top:20px}
.InfoSection .InfoCard{background:#fff;padding:35px 32px;border-radius:24px;box-shadow:0 4px 16px #0000000f;border-left:5px solid #820EBB}
.InfoSection .InfoCard:nth-child(2){border-left-color:#0AFFF8}
.InfoSection .CardTitle{font-size:1.35rem;font-weight:700;color:#820EBB;margin:0 0 18px;position:relative;padding-left:38px}
.InfoSection .CardTitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:26px;height:26px;background:#820EBB;border-radius:8px}
.InfoSection .InfoCard:nth-child(2) .CardTitle{color:#0AFFF8}
.InfoSection .InfoCard:nth-child(2) .CardTitle::before{background:#0AFFF8}
.InfoSection .DetailList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.InfoSection .DetailList li{font-size:1.05rem;color:#444;line-height:1.6;display:flex;align-items:flex-start;gap:12px}
.InfoSection .DetailList li svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}
.InfoSection .DetailList a{color:#820EBB;text-decoration:none;font-weight:600;transition:color 160ms ease-in-out}
.InfoSection .DetailList a:hover{color:#0AFFF8}
.InfoSection .HoursBox{background:linear-gradient(145deg,#820ebb0d 0%,#0afff80d 100%);padding:22px 24px;border-radius:16px;margin-top:8px}
.InfoSection .HoursBox p{font-size:1rem;color:#555;margin:0 0 8px;line-height:1.7}
.InfoSection .HoursBox p:last-child{margin-bottom:0}
@media (max-width: 1100px) {
.TpHero .ContentBox{grid-template-columns:1fr;gap:45px}
.TpHero .ImgWrap{height:380px}
.ContactWrapper{grid-template-columns:1fr;gap:60px}
.TpHero .MainTitle{font-size:2.6rem}
}
@media (max-width: 768px) {
.TpHero{min-height:420px;margin-bottom:60px}
.TpHero .MainTitle{font-size:2.1rem;margin-bottom:22px}
.TpHero .IntroList li{font-size:1.02rem;padding-left:28px}
.TpHero .ImgWrap{height:320px}
.FormSection{padding:40px 28px}
.FormSection .FormHeading{font-size:1.65rem}
.FormSection .RowGroup{grid-template-columns:1fr}
.FormSection .ChoiceGrid{grid-template-columns:1fr}
.InfoSection .InfoCard{padding:28px 24px}
.ContactWrapper{margin-bottom:70px}
}
@media (max-width: 480px) {
.TpHero .ContentBox{padding:0 18px}
.ContactWrapper{padding:0 18px}
.TpHero .MainTitle{font-size:1.85rem}
.TpHero .IntroList li{font-size:.96rem}
.FormSection{padding:32px 20px}
.FormSection .FormHeading{font-size:1.45rem}
.InfoSection .CardTitle{font-size:1.2rem}
}
.TitleHeroBox{position:relative;width:100%;max-width:1400px;margin:0 auto 90px;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:32px}
.TitleHeroBox .bg-image-layer{position:absolute;inset:0;z-index:1}
.TitleHeroBox .bg-image-layer img{width:100%;height:100%;object-fit:cover;filter:blur(12px);transform:scale(1.1)}
.TitleHeroBox .DecorativeBlur{position:absolute;border-radius:50%;filter:blur(80px);opacity:.7;z-index:2}
.TitleHeroBox .DecorativeBlur:nth-child(1){width:380px;height:380px;background:#820EBB;top:-120px;left:-80px}
.TitleHeroBox .DecorativeBlur:nth-child(2){width:420px;height:420px;background:#0AFFF8;bottom:-140px;right:-100px}
.TitleHeroBox .content-text-zone{position:relative;z-index:3;max-width:880px;padding:60px 40px;text-align:center;background:#f7f7f7f2;border-radius:28px;box-shadow:0 6px 24px #0000001f}
.TitleHeroBox h1{font-size:3.2rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.TitleHeroBox .quote-text{font-size:1.3rem;color:#444;line-height:1.7;font-style:italic;margin:0}
.StoryContentBlock{max-width:1400px;margin:0 auto 110px;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.StoryContentBlock .text-content-side{padding:40px 0}
.StoryContentBlock h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 32px;font-weight:700;position:relative;padding-bottom:18px}
.StoryContentBlock h2::after{content:'';position:absolute;bottom:0;left:0;width:90px;height:5px;background:linear-gradient(90deg,#820EBB 0%,#0AFFF8 100%);border-radius:3px}
.StoryContentBlock .text-paragraph{font-size:1.08rem;line-height:1.8;color:#333;margin:0 0 22px}
.StoryContentBlock .image-showcase-zone{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.StoryContentBlock .image-showcase-zone img{width:100%;height:280px;object-fit:cover;border-radius:24px;box-shadow:0 4px 16px #00000014;transition:transform 300ms ease-in-out,box-shadow 300ms ease-in-out}
.StoryContentBlock .image-showcase-zone img:hover{transform:translateY(-6px);box-shadow:0 8px 28px #00000024}
.ApproachSection{background:linear-gradient(135deg,#820EBB 0%,#0AFFF8 100%);padding:90px 30px;margin:0 0 110px}
.ApproachSection .inner-wrapper{max-width:1400px;margin:0 auto}
.ApproachSection h2{font-size:2.8rem;color:#F7F7F7;text-align:center;margin:0 0 60px;font-weight:700}
.ApproachSection .principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ApproachSection .principle-card{background:#f7f7f7f5;padding:44px 36px;border-radius:28px;box-shadow:0 5px 20px #00000026;transition:transform 400ms ease-in-out}
.ApproachSection .principle-card:hover{transform:scale(1.05)}
.ApproachSection .principle-card h3{font-size:1.5rem;color:#820EBB;margin:0 0 18px;font-weight:600}
.ApproachSection .principle-card p{font-size:1.05rem;line-height:1.7;color:#444;margin:0}
.TeamProfilesBox{max-width:1400px;margin:0 auto 100px;padding:0 30px}
.TeamProfilesBox h2{font-size:2.7rem;color:#1a1a1a;text-align:center;margin:0 0 70px;font-weight:700;position:relative}
.TeamProfilesBox h2::before{content:'';position:absolute;width:60px;height:60px;background:#0AFFF8;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;filter:blur(40px)}
.TeamProfilesBox .profiles-display{display:flex;justify-content:center;gap:70px;flex-wrap:wrap}
.TeamProfilesBox .profile-unit{max-width:380px;text-align:center}
.TeamProfilesBox .profile-unit .portrait-wrapper{width:220px;height:220px;margin:0 auto 28px;border-radius:50%;overflow:hidden;border:6px solid #820EBB;box-shadow:0 6px 24px #820ebb40;position:relative}
.TeamProfilesBox .profile-unit .portrait-wrapper::after{content:'';position:absolute;inset:-6px;border-radius:50%;background:linear-gradient(135deg,#820EBB 0%,#0AFFF8 100%);z-index:-1}
.TeamProfilesBox .profile-unit .portrait-wrapper img{width:100%;height:100%;object-fit:cover}
.TeamProfilesBox .profile-unit h3{font-size:1.6rem;color:#1a1a1a;margin:0 0 10px;font-weight:600}
.TeamProfilesBox .profile-unit .role-label{font-size:1.1rem;color:#820EBB;margin:0 0 20px;font-weight:500}
.TeamProfilesBox .profile-unit .bio-text{font-size:1.05rem;line-height:1.7;color:#555;margin:0}
@media (max-width: 1024px) {
.StoryContentBlock{grid-template-columns:1fr;gap:50px}
.ApproachSection .principles-grid{grid-template-columns:1fr;gap:30px}
.TeamProfilesBox .profiles-display{gap:50px}
}
@media (max-width: 768px) {
.TitleHeroBox{min-height:420px;margin-bottom:60px;border-radius:24px}
.TitleHeroBox .content-text-zone{padding:40px 30px}
.TitleHeroBox h1{font-size:2.3rem}
.TitleHeroBox .quote-text{font-size:1.1rem}
.StoryContentBlock{margin-bottom:70px;padding:0 20px}
.StoryContentBlock h2{font-size:2rem}
.StoryContentBlock .image-showcase-zone{grid-template-columns:1fr}
.ApproachSection{padding:60px 20px;margin-bottom:70px}
.ApproachSection h2{font-size:2.2rem;margin-bottom:40px}
.TeamProfilesBox{padding:0 20px;margin-bottom:70px}
.TeamProfilesBox h2{font-size:2.2rem;margin-bottom:50px}
.TeamProfilesBox .profiles-display{gap:40px}
.TeamProfilesBox .profile-unit .portrait-wrapper{width:180px;height:180px}
}
@media (max-width: 480px) {
.TitleHeroBox h1{font-size:1.9rem}
.TitleHeroBox .quote-text{font-size:1rem}
.StoryContentBlock h2{font-size:1.7rem}
.ApproachSection h2{font-size:1.9rem}
.TeamProfilesBox h2{font-size:1.9rem}
}
.SuccessWrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(188deg,#820EBB 0%,#0AFFF8 50%,#F7F7F7 100%);background-size:400% 400%;animation:gradientFlow 18s ease-in-out infinite;position:relative;overflow:hidden}
@keyframes gradientFlow {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.SuccessWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,#fff3 0%,transparent 60%),radial-gradient(circle at 70% 60%,#0afff826 0%,transparent 50%);pointer-events:none;animation:lightPulse 8s ease-in-out infinite}
@keyframes lightPulse {
0%,100%{opacity:.6}
50%{opacity:.9}
}
.SuccessContentBox{max-width:720px;width:100%;background:#fffffff2;border-radius:32px;padding:80px 60px;text-align:center;position:relative;z-index:1;box-shadow:0 8px 24px #820ebb1f 0 2px 8px #00000014}
.SuccessIconCircle{width:140px;height:140px;margin:0 auto 40px;background:linear-gradient(135deg,#820EBB 0%,#0AFFF8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:successPop .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes successPop {
0%{transform:scale(0) rotate(-180deg);opacity:0}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.SuccessIconCircle::after{content:'';position:absolute;width:120px;height:120px;background:#fff;border-radius:50%}
.CheckmarkSvg{position:relative;z-index:2;animation:checkmarkDraw .8s ease-in-out .3s both}
@keyframes checkmarkDraw {
0%{stroke-dasharray:100;stroke-dashoffset:100}
100%{stroke-dasharray:100;stroke-dashoffset:0}
}
.SuccessMainHeading{font-size:52px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2;letter-spacing:-.02em}
.SuccessSubText{font-size:20px;line-height:1.6;color:#4a4a4a;margin:0 0 48px}
.SuccessActionGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.BtnPrimary{display:inline-flex;align-items:center;justify-content:center;padding:18px 42px;font-size:17px;font-weight:600;text-decoration:none;border-radius:28px;transition:all .3s ease;border:none;cursor:pointer;position:relative;z-index:1}
.BtnPrimary.solid{background:linear-gradient(135deg,#820EBB 0%,#0AFFF8 100%);color:#fff;box-shadow:0 4px 16px #820ebb40}
.BtnPrimary.solid:hover{transform:translateY(-2px);box-shadow:0 6px 24px #820ebb59}
.BtnPrimary.outline{background:transparent;color:#820EBB;border:2px solid #820EBB}
.BtnPrimary.outline:hover{background:#820EBB;color:#fff;transform:translateY(-2px)}
.TimerNote{margin-top:40px;padding-top:32px;border-top:1px solid #820ebb26}
.TimerNote .noteText{font-size:15px;color:#666;margin:0;line-height:1.6}
@media (max-width: 768px) {
.SuccessWrap{padding:40px 16px;min-height:75vh}
.SuccessContentBox{padding:50px 32px;border-radius:24px}
.SuccessIconCircle{width:110px;height:110px;margin-bottom:32px}
.SuccessIconCircle::after{width:94px;height:94px}
.CheckmarkSvg{width:48px;height:48px}
.SuccessMainHeading{font-size:36px;margin-bottom:18px}
.SuccessSubText{font-size:17px;margin-bottom:36px}
.SuccessActionGroup{flex-direction:column;gap:16px}
.BtnPrimary{width:100%;padding:16px 32px;font-size:16px}
.TimerNote{margin-top:32px;padding-top:24px}
.TimerNote .noteText{font-size:14px}
}
@media (max-width: 480px) {
.SuccessMainHeading{font-size:28px}
.SuccessSubText{font-size:16px}
.SuccessContentBox{padding:40px 24px}
}