@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;1,400;0,700;1,700&display=swap";
*{box-sizing:border-box}
body{margin:0;font-family:'Open Sans',sans-serif;font-size:14px;line-height:1.6;color:#1a1a1a;background:#fff;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
::selection{background:#9077f326}
:focus{outline:3px solid #9077F3;outline-offset:2px}
.HeadWrap{background:linear-gradient(135deg,#fff 0%,#f8f6ff 100%);border-bottom:1px solid #9077f31f;box-shadow:2px 2px 2px 0 #9077f312;padding:32px 0}
.HeadInner{max-width:1320px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:32px}
.BrandBox{display:flex;align-items:center;gap:16px}
.LogoFrame{width:48px;height:48px;background:#fff;border:2px solid #9077f333;border-radius:6px;box-shadow:2px 2px 2px 0 #9077f312 inset 0 2px 4px #9077f30f;padding:4px;display:flex;align-items:center;justify-content:center}
.LogoFrame img{width:100%;height:100%;object-fit:contain}
.BrandText{display:flex;flex-direction:column;gap:4px}
.CompanyNm{font-size:33px;font-weight:700;line-height:1.2;color:#6F200F;letter-spacing:0}
.TagLn{font-size:14px;line-height:1.2;color:#666}
.MainNavi{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.NavLnk{font-size:14px;font-weight:400;color:#1a1a1a;text-decoration:none;padding:12px 16px;border-radius:6px;transition:background .15s ease-out,color .15s ease-out;position:relative}
.NavLnk:hover{background:#9077f314;color:#9077F3}
.NavLnk.actv{background:#9077F3;color:#fff;box-shadow:2px 2px 2px 0 #9077f312}
.ContactBtn{background:linear-gradient(135deg,#9077F3 0%,#7a5fe6 100%);color:#fff;font-size:14px;font-weight:700;padding:12px 32px;border-radius:48px;text-decoration:none;box-shadow:2px 5px 22px 0 #9077f31a;transition:box-shadow .15s ease-out,transform .12s ease;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.ContactBtn:hover{box-shadow:2px 12px 44px 0 #9077f321;transform:translateY(-2px)}
.FootrWrap{background:linear-gradient(180deg,#f9f9f9 0%,#fff 100%);border-top:2px solid #9077f31a;padding:48px 0 32px;margin-top:48px}
.FootrInner{max-width:1320px;margin:0 auto;padding:0 16px}
.TopRow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid #9077f31a;margin-bottom:32px}
.BrandCol{display:flex;flex-direction:column;gap:16px}
.FootrLogoBox{display:flex;align-items:center;gap:12px}
.FootrLogoFrame{width:42px;height:42px;background:#fff;border:2px solid #9077f326;border-radius:6px;box-shadow:2px 2px 2px 0 #9077f312;padding:4px;display:flex;align-items:center;justify-content:center}
.FootrLogoFrame img{width:100%;height:100%;object-fit:contain}
.FootrBrandNm{font-size:33px;font-weight:700;line-height:1.2;color:#6F200F}
.BrandDesc{font-size:14px;line-height:1.6;color:#666}
.FootrCol{display:flex;flex-direction:column;gap:16px}
.FootrHd{font-size:14px;font-weight:700;line-height:1.2;color:#1a1a1a;margin-bottom:4px}
.FootrLnk{font-size:14px;line-height:1.6;color:#666;text-decoration:none;transition:color .12s ease}
.FootrLnk:hover{color:#9077F3}
.ContactInfo{display:flex;flex-direction:column;gap:12px}
.InfoItem{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;color:#666}
.InfoIcon{width:16px;height:16px;flex-shrink:0;margin-top:2px}
.InfoIcon svg{width:100%;height:100%;fill:#9077F3}
.BottomRow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.CopyTxt{font-size:14px;line-height:1.6;color:#999}
.LegalNavs{display:flex;gap:32px;flex-wrap:wrap}
.LegalLnk{font-size:14px;line-height:1.6;color:#666;text-decoration:none;transition:color .12s ease}
.LegalLnk:hover{color:#9077F3}
@media (max-width: 960px) {
.HeadInner{gap:16px}
.MainNavi{width:100%;justify-content:center;gap:16px}
.TopRow{grid-template-columns:1fr 1fr;gap:32px}
.BrandCol{grid-column:1 / -1}
}
@media (max-width: 480px) {
.HeadWrap{padding:16px 0}
.CompanyNm{font-size:33px}
.MainNavi{flex-direction:column;gap:8px;align-items:stretch}
.NavLnk{text-align:center}
.ContactBtn{justify-content:center}
.TopRow{grid-template-columns:1fr;gap:32px}
.BottomRow{flex-direction:column;text-align:center}
.LegalNavs{flex-direction:column;gap:12px;align-items:center}
}
.CookieBox{position:fixed;top:16px;right:16px;max-width:420px;background:#fff;border:2px solid #9077f333;border-radius:6px;box-shadow:2px 12px 44px 0 #9077f321;padding:32px;z-index:8000;display:none}
.CookieBox.shw{display:block}
.CookieTtl{font-size:33px;font-weight:700;line-height:1.2;color:#1a1a1a;margin-bottom:16px}
.CookieTxt{font-size:14px;line-height:1.6;color:#666;margin-bottom:16px}
.CookieOptns{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.OptnRow{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9f9f9;border-radius:6px}
.OptnLbl{font-size:14px;font-weight:700;color:#1a1a1a}
.OptnTgl{position:relative;width:48px;height:24px;flex-shrink:0}
.OptnTgl input{opacity:0;width:0;height:0;position:absolute}
.TglSldr{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;transition:background .15s ease;border-radius:48px}
.TglSldr:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:transform .15s ease;border-radius:48px}
.OptnTgl input:checked + .TglSldr{background:#9077F3}
.OptnTgl input:checked + .TglSldr:before{transform:translateX(24px)}
.OptnTgl input:disabled + .TglSldr{opacity:.5;cursor:not-allowed}
.CookieBtns{display:flex;gap:12px}
.CookieBtn{flex:1;padding:12px 16px;border:none;border-radius:48px;font-size:14px;font-weight:700;cursor:pointer;transition:box-shadow .15s ease-out,transform .12s ease;font-family:'Open Sans',sans-serif;min-height:44px}
.AccptBtn{background:linear-gradient(135deg,#9077F3 0%,#7a5fe6 100%);color:#fff;box-shadow:2px 5px 22px 0 #9077f31a}
.AccptBtn:hover{box-shadow:2px 12px 44px 0 #9077f321;transform:translateY(-2px)}
.DenyBtn{background:#f5f5f5;color:#1a1a1a;box-shadow:2px 2px 2px 0 #9077f312}
.DenyBtn:hover{background:#eee}
.PrefMngr{display:inline-block;font-size:14px;color:#9077F3;text-decoration:none;padding:8px 12px;transition:color .12s ease}
.PrefMngr:hover{color:#7a5fe6}
@media (max-width: 480px) {
.CookieBox{left:16px;right:16px;max-width:none}
.CookieBtns{flex-direction:column}
}
.x-agreement-section{max-width:1320px;margin-left:auto;margin-right:auto;padding:48px 16px}
.x-agreement-section h1{font-size:62px;line-height:1.2;margin-bottom:32px;color:#6F200F}
.x-agreement-section h2{font-size:46px;line-height:1.2;margin-top:48px;margin-bottom:16px;color:#6F200F}
.x-agreement-section h3{font-size:33px;line-height:1.2;margin-top:32px;margin-bottom:12px;color:#6F200F}
.x-agreement-section h4,.x-agreement-section h5,.x-agreement-section h6{font-size:14px;line-height:1.6;margin-top:16px;margin-bottom:8px;color:#6F200F;font-weight:700}
.x-agreement-section p{font-size:14px;line-height:1.6;margin-bottom:16px;color:#1a1a1a}
.x-agreement-section ul,.x-agreement-section ol{margin-bottom:16px;padding-left:32px}
.x-agreement-section li{font-size:14px;line-height:1.6;margin-bottom:8px;color:#1a1a1a}
.x-agreement-section ul li{list-style-type:disc}
.x-agreement-section ol li{list-style-type:decimal}
.x-agreement-section strong,.x-agreement-section b{font-weight:700;color:#6F200F}
.x-agreement-section em,.x-agreement-section i{font-style:italic}
.x-agreement-section a{color:#9077F3;text-decoration:underline;transition:color .15s ease-out}
.x-agreement-section a:hover{color:#6F200F}
.x-agreement-section table{width:100%;border-collapse:collapse;margin-top:32px;margin-bottom:32px;background:#fff;border-radius:6px;overflow:hidden;box-shadow:2px 2px 2px 0 #9077f312}
.x-agreement-section thead{background:#9077F3}
.x-agreement-section th{padding:16px;text-align:left;font-size:14px;line-height:1.6;font-weight:700;color:#fff;border-bottom:1px solid #fff3}
.x-agreement-section td{padding:16px;font-size:14px;line-height:1.6;color:#1a1a1a;border-bottom:1px solid #f0f0f0}
.x-agreement-section tbody tr:last-child td{border-bottom:none}
.x-agreement-section tbody tr:hover{background:#fafafa}
@media (max-width: 960px) {
.x-agreement-section{padding-top:32px;padding-bottom:32px}
.x-agreement-section h1{font-size:46px;margin-bottom:16px}
.x-agreement-section h2{font-size:33px;margin-top:32px;margin-bottom:12px}
.x-agreement-section h3{font-size:14px;margin-top:16px;margin-bottom:8px}
.x-agreement-section table{font-size:14px}
.x-agreement-section th,.x-agreement-section td{padding:12px}
}
@media (max-width: 480px) {
.x-agreement-section{padding-top:16px;padding-bottom:16px}
.x-agreement-section h1{font-size:33px}
.x-agreement-section h2{font-size:14px;font-weight:700}
.x-agreement-section ul,.x-agreement-section ol{padding-left:16px}
.x-agreement-section table{display:block;overflow-x:auto}
.x-agreement-section th,.x-agreement-section td{padding:8px}
}
.PostPage{background:#fff;min-height:100vh;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.PostPage .heroStrip{background:linear-gradient(135deg,#9077F3 0%,#D8FAE7 50%,#6F200F 100%);padding:32px 16px;position:relative;overflow:hidden}
.PostPage .heroStrip::before{content:'';position:absolute;top:-48px;left:12%;width:320px;height:320px;background:#d8fae72e;border-radius:48px;filter:blur(64px);pointer-events:none}
.PostPage .heroStrip::after{content:'';position:absolute;bottom:-32px;right:18%;width:280px;height:280px;background:#6f200f1f;border-radius:48px;filter:blur(72px);pointer-events:none}
.PostPage .heroInner{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.PostPage .heroTitle{font-size:46px;line-height:1.2;color:#fff;margin:0;max-width:920px}
.PostPage .heroMeta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;align-items:center}
.PostPage .metaItem{display:flex;align-items:center;gap:8px;color:#ffffffeb;font-size:14px;line-height:1.6}
.PostPage .metaIcon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.PostPage .tagLabel{background:#ffffff3d;padding:4px 12px;border-radius:6px;font-size:14px;line-height:1.6;color:#fff}
.PostPage .contentWrap{max-width:1320px;margin:0 auto;padding:48px 16px}
.PostPage .articleHead{margin-bottom:48px}
.PostPage .subHeading{font-size:33px;line-height:1.6;color:#6F200F;margin:0 0 32px;max-width:840px}
.PostPage .featuredImg{width:100%;height:480px;object-fit:cover;border-radius:6px;box-shadow:2px 5px 22px 0 #9077f31a;position:relative}
.PostPage .featuredImg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;border-radius:6px}
.PostPage .articleContent{max-width:840px;margin:0 auto}
.PostPage .articleContent p{font-size:14px;line-height:2;color:#1a1a1a;margin:0 0 16px}
.PostPage .articleContent h2{font-size:33px;line-height:1.2;color:#6F200F;margin:48px 0 16px;position:relative;padding-top:16px}
.PostPage .articleContent h2::before{content:'';position:absolute;top:0;left:0;width:84px;height:3px;background:linear-gradient(90deg,#9077F3 0%,#D8FAE7 100%);border-radius:6px}
.PostPage .articleContent h3{font-size:14px;line-height:1.6;color:#6F200F;margin:32px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.PostPage .articleContent mark{background:#9077f326;color:#6F200F;padding:2px 4px;border-radius:6px}
.PostPage .articleContent abbr{text-decoration:none;border-bottom:1px dotted #9077F3;cursor:help}
.PostPage .articleContent blockquote{margin:32px 0;padding:16px 16px 16px 48px;background:#fafafa;border-radius:6px;position:relative;box-shadow:inset 4px 0 0 0 #9077F3}
.PostPage .articleContent blockquote::before{content:'';position:absolute;left:16px;top:16px;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 10H7C7 8.89543 7.89543 8 9 8V6C6.79086 6 5 7.79086 5 10V14C5 15.1046 5.89543 16 7 16H9C10.1046 16 11 15.1046 11 14V12C11 10.8954 10.1046 10 9 10Z' fill='%239077F3'/%3E%3Cpath d='M17 10H15C15 8.89543 15.8954 8 17 8V6C14.7909 6 13 7.79086 13 10V14C13 15.1046 13.8954 16 15 16H17C18.1046 16 19 15.1046 19 14V12C19 10.8954 18.1046 10 17 10Z' fill='%239077F3'/%3E%3C/svg%3E") no-repeat center}
.PostPage .articleContent blockquote p{margin:0;font-style:italic;color:#333}
.PostPage .articleContent table{width:100%;border-collapse:collapse;margin:32px 0;font-size:14px;line-height:1.6;border-radius:6px;overflow:hidden;box-shadow:2px 2px 2px 0 #9077f312}
.PostPage .articleContent thead{background:#9077F3;color:#fff}
.PostPage .articleContent thead tr{border:none}
.PostPage .articleContent th{padding:12px 16px;text-align:left;font-weight:600}
.PostPage .articleContent td{padding:12px 16px;border-bottom:1px solid #efefef;color:#1a1a1a}
.PostPage .articleContent tbody tr:last-child td{border-bottom:none}
.PostPage .articleContent tbody tr:nth-child(even){background:#fafafa}
.PostPage .articleContent tfoot{background:#f5f5f5;font-weight:600}
.PostPage .articleContent tfoot td{border-bottom:none;color:#6F200F}
.PostPage .articleContent caption{caption-side:bottom;padding:8px;font-size:14px;line-height:1.6;color:#666;font-style:italic;text-align:left}
.PostPage .engagementBar{max-width:840px;margin:48px auto 0;padding:32px;background:linear-gradient(135deg,#9077f30a 0%,#d8fae70a 100%);border-radius:6px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;position:relative}
.PostPage .engagementBar::before{content:'';position:absolute;top:-2px;right:12px;width:96px;height:4px;background:#9077F3;border-radius:6px}
.PostPage .likeSection{display:flex;align-items:center;gap:12px}
.PostPage .likeBtn{background:#fff;border:2px solid #9077F3;border-radius:48px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s ease-out,transform .1s ease;font-size:14px;line-height:1.6;color:#9077F3;font-weight:600}
.PostPage .likeBtn:hover{background:#9077f314;transform:translateY(-1px)}
.PostPage .likeBtn:active{transform:translateY(0)}
.PostPage .heartIcon{width:20px;height:20px;fill:currentColor}
.PostPage .likeCount{font-size:14px;line-height:1.6;color:#666}
.PostPage .authorInfo{display:flex;align-items:center;gap:12px}
.PostPage .authorLabel{font-size:14px;line-height:1.6;color:#666}
.PostPage .authorName{font-size:14px;line-height:1.6;color:#6F200F;font-weight:600}
.PostPage .patternSection{background:#fafafa;padding:48px 16px;margin-top:48px;position:relative;overflow:hidden}
.PostPage .patternSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 32px,#9077f305 32px,#9077f305 34px),repeating-linear-gradient(-45deg,transparent,transparent 32px,#9077f305 32px,#9077f305 34px);pointer-events:none}
.PostPage .patternInner{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.PostPage .usageIndicator{max-width:640px;margin:0 auto;background:#fff;padding:32px;border-radius:6px;box-shadow:2px 5px 22px 0 #6f200f1a}
.PostPage .indicatorHead{font-size:14px;line-height:1.6;color:#6F200F;margin:0 0 16px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.PostPage .usageBar{width:100%;height:12px;background:#efefef;border-radius:48px;overflow:hidden;position:relative;box-shadow:inset 2px 2px 4px 0 #6f200f14}
.PostPage .usageFill{height:100%;background:linear-gradient(90deg,#9077F3 0%,#6F200F 100%);border-radius:48px;width:67%;transition:width .2s ease}
.PostPage .usageLabels{display:flex;justify-content:space-between;margin-top:8px}
.PostPage .usageLabel{font-size:14px;line-height:1.6;color:#666}
.PostPage .usageValue{font-weight:600;color:#6F200F}
.PostPage .ctaSection{max-width:1320px;margin:48px auto 0;padding:0 16px}
.PostPage .ctaGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.PostPage .ctaCard{background:#fff;border:2px solid #efefef;border-radius:6px;padding:32px;transition:border-color .15s ease-out,box-shadow .15s ease-out;position:relative;overflow:hidden}
.PostPage .ctaCard::before{content:'';position:absolute;top:0;right:0;width:48px;height:48px;background:linear-gradient(135deg,#9077f31f 0%,transparent 100%);transform:rotate(45deg) translate(16px,-16px);pointer-events:none}
.PostPage .ctaCard:hover{border-color:#9077F3;box-shadow:2px 5px 22px 0 #9077f31a}
.PostPage .ctaCard:hover::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L25 15L40 20L25 25L20 40L15 25L0 20L15 15Z' fill='%239077F3' opacity='0.03'/%3E%3C/svg%3E") repeat;pointer-events:none;opacity:0;transition:opacity .15s ease-out;opacity:1}
.PostPage .ctaHeading{font-size:14px;line-height:1.6;color:#6F200F;margin:0 0 12px;font-weight:600}
.PostPage .ctaText{font-size:14px;line-height:1.6;color:#666;margin:0 0 16px}
.PostPage .ctaLink{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.6;color:#9077F3;text-decoration:none;font-weight:600;position:relative}
.PostPage .ctaLink::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:#9077F3;transition:width .15s ease-out,left .15s ease-out}
.PostPage .ctaLink:hover::after{width:100%;left:0}
.PostPage .arrowIcon{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;transition:transform .15s ease-out}
.PostPage .ctaLink:hover .arrowIcon{transform:translateX(4px)}
.PostPage .dividerGradient{height:2px;max-width:1320px;margin:48px auto;background:linear-gradient(90deg,transparent 0%,#9077F3 50%,transparent 100%)}
@media (max-width: 960px) {
.PostPage .heroTitle{font-size:33px}
.PostPage .subHeading{font-size:14px}
.PostPage .featuredImg{height:320px}
.PostPage .articleContent h2{font-size:14px}
.PostPage .contentWrap{padding:32px 16px}
.PostPage .engagementBar{padding:16px}
.PostPage .patternSection{padding:32px 16px}
.PostPage .usageIndicator{padding:16px}
}
@media (max-width: 480px) {
.PostPage .heroStrip{padding:16px}
.PostPage .heroTitle{font-size:14px}
.PostPage .featuredImg{height:240px}
.PostPage .ctaGrid{grid-template-columns:1fr}
.PostPage .engagementBar{flex-direction:column;align-items:flex-start}
}
.ServPage{background:#FFF;min-height:100vh}
.ServPage .heroZone{background:linear-gradient(to right,#9077F3,#6F200F);padding:48px 16px;position:relative;overflow:hidden}
.ServPage .heroZone::before{content:'';position:absolute;top:-32px;right:12%;width:280px;height:280px;background:#ffffff0f;border-radius:48px;transform:rotate(24deg)}
.ServPage .heroZone::after{content:'';position:absolute;bottom:16px;left:8%;width:180px;height:180px;background:#ffffff0a;border-radius:48px;transform:rotate(-18deg)}
.ServPage .heroInner{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.ServPage .heroTitle-v1{font-size:62px;line-height:1.2;color:#FFF;margin:0 0 12px}
.ServPage .heroSubt{font-size:33px;line-height:1.6;color:#ffffffeb;margin:0 0 16px;font-weight:300}
.ServPage .heroDesc{font-size:14px;line-height:1.6;color:#ffffffdb;max-width:720px;margin:0}
.ServPage .divLine1{height:4px;background:linear-gradient(to right,#9077F3,#6F200F);margin:0}
.ServPage .serviceBlock{padding:48px 16px;background:#FFF}
.ServPage .serviceWrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:48px;align-items:start}
.ServPage .leftColmn{display:flex;flex-direction:column;gap:32px}
.ServPage .accentBar{width:64px;height:4px;background:#9077F3;margin:0 0 16px}
.ServPage .servHeading-v2{font-size:46px;line-height:1.2;color:#1a1a1a;margin:0 0 16px}
.ServPage .servIntro{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0 0 32px}
.ServPage .toggleZone{display:flex;flex-direction:column;gap:12px}
.ServPage .toggleInput{display:none}
.ServPage .toggleCard{background:#FFF;border:2px solid #e8e8e8;border-radius:6px;transition:border-color .15s ease-out,box-shadow .15s ease-out}
.ServPage .toggleCard:hover{border-color:#9077F3;background:linear-gradient(to bottom,#FFF,#d8fae733)}
.ServPage .toggleLbl{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;user-select:none}
.ServPage .toggleHeader{display:flex;align-items:center;gap:12px;flex:1}
.ServPage .toggleIcon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9077F3,#6F200F);border-radius:6px;flex-shrink:0;transition:transform .12s ease}
.ServPage .toggleCard:hover .toggleIcon{transform:scale(1.08)}
.ServPage .iconShape{width:20px;height:20px;background:#FFF;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}
.ServPage .iconShape.alt1{clip-path:circle(50%)}
.ServPage .iconShape.alt2{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.ServPage .toggleTitle{font-size:14px;line-height:1.6;color:#1a1a1a;font-weight:600;margin:0}
.ServPage .toggleArrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease;flex-shrink:0}
.ServPage .arrowSvg{width:12px;height:12px;fill:none;stroke:#6F200F;stroke-width:2}
.ServPage .toggleInput:checked + .toggleLbl .toggleArrow{transform:rotate(180deg)}
.ServPage .toggleContent{max-height:0;overflow:hidden;transition:max-height .2s ease-out,padding .2s ease-out}
.ServPage .toggleInput:checked ~ .toggleContent{max-height:800px;padding:0 16px 16px}
.ServPage .toggleText{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0;padding-left:54px}
.ServPage .rightColmn{display:flex;flex-direction:column;gap:16px}
.ServPage .imgBox-v1{width:100%;height:340px;border-radius:6px;overflow:hidden;box-shadow:2px 5px 22px 0 #9077f31a}
.ServPage .imgBox-v1 img{width:100%;height:100%;object-fit:cover;filter:saturate(0.72) brightness(1.05)}
.ServPage .detailBlock{padding:32px 16px 48px;background:#FFF}
.ServPage .detailInner{max-width:1320px;margin:0 auto}
.ServPage .detailGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.ServPage .detailCardbox{background:linear-gradient(to bottom,#FFF,#d8fae72e);border:2px solid #e8e8e8;border-radius:48px;padding:32px;box-shadow:2px 2px 2px 0 #6f200f12;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}
.ServPage .detailCardbox::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 12px,#9077f305 12px,#9077f305 24px);opacity:0;transition:opacity .18s ease-out;pointer-events:none}
.ServPage .detailCardbox:hover::before{opacity:1}
.ServPage .detailCardbox:hover{transform:translateY(-4px);box-shadow:2px 12px 44px 0 #6f200f21}
.ServPage .cardNumero{font-size:46px;line-height:1.2;margin:0 0 16px;font-weight:700}
.ServPage .cardNumero .int{color:#9077F3}
.ServPage .cardNumero .fract{color:#6F200F}
.ServPage .cardTitle{font-size:14px;line-height:1.6;color:#1a1a1a;font-weight:600;margin:0 0 8px}
.ServPage .cardTxt{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0}
@media (min-width: 960px) {
.ServPage .heroZone{padding:96px 32px}
.ServPage .serviceBlock{padding:96px 32px}
.ServPage .serviceWrap{grid-template-columns:1fr 1fr;gap:48px}
.ServPage .detailBlock{padding:96px 32px}
.ServPage .imgBox-v1{height:440px}
}
@media (min-width: 1440px) {
.ServPage .heroZone{padding:96px 48px}
.ServPage .serviceBlock{padding:96px 48px}
.ServPage .detailBlock{padding:96px 48px}
}
.AboutPageHolder{background:#FFF;color:#1A1A1A;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.AboutPageHolder *{box-sizing:border-box}
.AboutPageHolder .topSection-v2{max-width:1320px;margin:0 auto;padding:48px 16px;position:relative;overflow:hidden}
.AboutPageHolder .topSection-v2::before{content:'';position:absolute;top:12px;left:8px;right:8px;bottom:12px;border:1px solid #9077f326;border-radius:6px;pointer-events:none;z-index:1}
.AboutPageHolder .topSection-v2::after{content:'';position:absolute;top:16px;left:16px;width:120px;height:120px;background:radial-gradient(circle,#9077f314,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}
.AboutPageHolder .dotPattern-v1{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.04;pointer-events:none;z-index:0;background-image:radial-gradient(circle,#9077F3 1px,transparent 1px);background-size:24px 24px}
.AboutPageHolder .contentBox-v1{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
.AboutPageHolder .textArea-v3{padding:16px}
.AboutPageHolder .h1Holder-v2{font-size:46px;line-height:1.2;margin:0 0 16px;color:#1A1A1A}
.AboutPageHolder .briefThesis-v1{font-size:14px;line-height:1.6;color:#4A4A4A;margin:0 0 12px}
.AboutPageHolder .briefThesis-v1:last-child{margin-bottom:0}
.AboutPageHolder .imageHolder-v4{position:relative;border-radius:48px;overflow:hidden;box-shadow:2px 5px 22px 0 #9077f31a}
.AboutPageHolder .imageHolder-v4::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 40%,#00000026);pointer-events:none}
.AboutPageHolder .mainImg-v2{width:100%;height:380px;object-fit:cover;display:block}
.AboutPageHolder .storyBlock-v1{max-width:1320px;margin:0 auto;padding:48px 16px;background:linear-gradient(to right,#F8F7FE,#FDFFFE);position:relative}
.AboutPageHolder .storyBlock-v1::before{content:'';position:absolute;top:-32px;left:0;right:0;height:32px;background:#FFF;border-radius:0 0 50% 50% / 0 0 100% 100%}
.AboutPageHolder .innerBox-v3{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.AboutPageHolder .personCard-v1{background:#FFF;border-radius:6px;padding:16px;box-shadow:2px 2px 2px 0 #6f200f12;transition:box-shadow .15s ease-out;position:relative;overflow:hidden}
.AboutPageHolder .personCard-v1::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,#9077F3,#6F200F);transform:translateY(-4px);transition:transform .12s ease}
.AboutPageHolder .personCard-v1:hover::before{transform:translateY(0)}
.AboutPageHolder .personCard-v1:hover{box-shadow:2px 5px 22px 0 #6f200f1a}
.AboutPageHolder .personCard-v1::after{content:'';position:absolute;bottom:0;right:0;width:64px;height:64px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><circle cx="32" cy="32" r="24" fill="none" stroke="%23D8FAE7" stroke-width="8"/></svg>');opacity:0;transition:opacity .18s ease;pointer-events:none}
.AboutPageHolder .personCard-v1:hover::after{opacity:1}
.AboutPageHolder .photoFrame-v2{width:100%;height:220px;border-radius:6px;overflow:hidden;margin-bottom:16px;position:relative}
.AboutPageHolder .photoFrame-v2::before{content:'';position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid #d8fae799;border-radius:6px;pointer-events:none;z-index:1}
.AboutPageHolder .personPhoto-v1{width:100%;height:100%;object-fit:cover;display:block}
.AboutPageHolder .nameTag-v2{font-size:33px;line-height:1.2;color:#1A1A1A;margin:0 0 4px}
.AboutPageHolder .roleLabel-v1{font-size:14px;line-height:1.6;color:#6F200F;margin:0 0 12px;letter-spacing:1.8px;text-transform:uppercase;position:relative;padding-bottom:8px}
.AboutPageHolder .roleLabel-v1::after{content:'';position:absolute;bottom:0;left:0;width:48px;height:1px;background:#9077F3}
.AboutPageHolder .bioText-v1{font-size:14px;line-height:1.6;color:#4A4A4A;margin:0}
.AboutPageHolder .codeShowcase-v1{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px;padding:16px;background:#FAFAFA;border-radius:6px}
.AboutPageHolder .codeBlock-v1{background:#1A1A1A;color:#D8FAE7;padding:16px;border-radius:6px;font-family:'Courier New',monospace;font-size:14px;line-height:1.6;overflow-x:auto;box-shadow:inset 2px 2px 4px #0000004d}
.AboutPageHolder .outputBlock-v1{background:#FFF;padding:16px;border-radius:6px;border:2px solid #D8FAE7;font-size:14px;line-height:1.6;color:#1A1A1A}
.AboutPageHolder .outputBlock-v1 .statLine-v1{display:flex;justify-content:space-between;margin-bottom:8px;padding:8px;background:#9077f30d;border-radius:6px;transition:background .1s ease-out}
.AboutPageHolder .outputBlock-v1 .statLine-v1:hover{background:#9077f31f}
.AboutPageHolder .outputBlock-v1 .statLine-v1:last-child{margin-bottom:0}
.AboutPageHolder .statLabel-v1{font-weight:600;color:#6F200F}
.AboutPageHolder .statValue-v1{color:#1A1A1A}
.AboutPageHolder .colorTransit-v1{display:inline}
.AboutPageHolder .colorTransit-v1 span{display:inline;transition:color .18s ease;transition-delay:calc(var(--char-index) * 0.02s)}
.AboutPageHolder .colorTransit-v1:hover span{color:#9077F3}
@media (min-width: 480px) {
.AboutPageHolder .topSection-v2{padding:48px 32px}
.AboutPageHolder .storyBlock-v1{padding:48px 32px}
.AboutPageHolder .h1Holder-v2{font-size:62px}
.AboutPageHolder .mainImg-v2{height:440px}
}
@media (min-width: 960px) {
.AboutPageHolder .contentBox-v1{grid-template-columns:1fr 1fr;gap:48px}
.AboutPageHolder .textArea-v3{padding:32px}
.AboutPageHolder .mainImg-v2{height:520px}
.AboutPageHolder .codeShowcase-v1{grid-template-columns:1fr 1fr;gap:32px}
}
@media (min-width: 1440px) {
.AboutPageHolder .topSection-v2{padding:48px}
.AboutPageHolder .storyBlock-v1{padding:48px}
}
.AboutPageHolder ::selection{background:#9077f326}
.ContactHub{background:#FFF;color:#1a1a1a;min-height:100vh;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.ContactHub .TopBanner{position:relative;padding:48px 16px;overflow:hidden;background:radial-gradient(circle at top right,#9077f314,transparent 60%);border-bottom:1px solid #9077f326}
.TopBanner::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#9077F3,#6F200F)}
.ContactHub .TopBanner .wrapper-v2{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
.ContactHub .txt-box{z-index:1}
.ContactHub .MainTxt{font-size:62px;line-height:1.2;margin:0 0 12px;color:#1a1a1a}
.ContactHub .SubTxt{font-size:33px;line-height:1.6;margin:0 0 8px;color:#6F200F}
.ContactHub .SmallDetail{font-size:14px;line-height:1.6;margin:0;color:#4a4a4a}
.ContactHub .img-frame{position:relative;width:100%;max-width:480px;margin:0 auto}
.ContactHub .img-frame img{width:100%;height:320px;object-fit:cover;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);display:block}
.ContactHub .FormArea{padding:48px 16px;background-image:url(./location_photos/PIC9333.jpg);background-size:cover;background-position:center;position:relative}
.ContactHub .FormArea::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#9077f3f0,#6f200feb);z-index:1}
.ContactHub .FormArea .InnerWrap{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.ContactHub .FormArea .GridLayout{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:48px}
.ContactHub .InfoCol{display:flex;flex-direction:column;gap:32px}
.ContactHub .InfoBlock-v1{background:#ffffff1f;padding:32px;border-radius:6px;backdrop-filter:blur(8px);box-shadow:2px 5px 22px 0 #9077f31a;transition:transform .15s ease-out,box-shadow .18s ease}
.ContactHub .InfoBlock-v1:hover{transform:translateY(-2px);box-shadow:2px 12px 44px 0 #9077f321}
.ContactHub .block-hed{font-size:33px;line-height:1.2;margin:0 0 16px;color:#FFF;position:relative;padding-top:12px}
.ContactHub .block-hed::before{content:'';position:absolute;top:0;left:0;width:64px;height:3px;background:#D8FAE7}
.ContactHub .detail-item{font-size:14px;line-height:2;color:#fffffff2;margin:0 0 8px;display:flex;align-items:flex-start;gap:8px}
.ContactHub .detail-item svg{width:16px;height:16px;flex-shrink:0;margin-top:4px}
.ContactHub .FormCol{background:#FFF;padding:32px;border-radius:48px;box-shadow:2px 12px 44px 0 #6f200f21}
.ContactHub .form-title{font-size:46px;line-height:1.2;margin:0 0 8px;color:#1a1a1a}
.ContactHub .form-subtitle{font-size:14px;line-height:1.6;margin:0 0 32px;color:#4a4a4a}
.ContactHub .ContactFormBox{display:flex;flex-direction:column;gap:16px}
.ContactHub .FieldBox{display:flex;flex-direction:column;gap:8px}
.ContactHub .field-lbl{font-size:14px;line-height:1.6;color:#1a1a1a;font-weight:600}
.ContactHub .txt-input,.ContactHub .SelectWrap select{width:100%;padding:12px 16px;font-size:14px;line-height:1.6;border:2px solid #9077f333;border-radius:6px;background:#FFF;color:#1a1a1a;transition:border-color .12s ease,box-shadow .15s ease-out;box-sizing:border-box}
.ContactHub .txt-input::placeholder{color:#999}
.ContactHub .txt-input:focus,.ContactHub .SelectWrap select:focus{outline:none;border-color:#9077F3;box-shadow:0 0 0 3px #9077f31a}
.ContactHub .SelectWrap{position:relative}
.ContactHub .SelectWrap select{appearance:none;cursor:pointer;padding-right:48px}
.ContactHub .SelectWrap::after{content:'';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #9077F3;pointer-events:none}
.ContactHub .RadioSet{display:flex;flex-direction:column;gap:12px}
.ContactHub .RadioItem{position:relative;display:flex;align-items:center;gap:12px}
.ContactHub .RadioItem input[type="radio"]{position:absolute;opacity:0;cursor:pointer}
.ContactHub .RadioItem .radio-mark{width:20px;height:20px;border:2px solid #9077f366;border-radius:48px;position:relative;flex-shrink:0;transition:border-color .15s ease,background .12s ease-out}
.ContactHub .RadioItem input[type="radio"]:checked + .radio-mark{border-color:#9077F3;background:#9077F3}
.ContactHub .RadioItem .radio-mark::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;background:#FFF;border-radius:48px;transition:transform .18s ease}
.ContactHub .RadioItem input[type="radio"]:checked + .radio-mark::after{transform:translate(-50%,-50%) scale(1)}
.ContactHub .RadioItem .radio-txt{font-size:14px;line-height:1.6;color:#1a1a1a;cursor:pointer}
.ContactHub .PrivacyCheck{display:flex;align-items:flex-start;gap:12px;margin:16px 0 0}
.ContactHub .PrivacyCheck input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.ContactHub .PrivacyCheck .check-box{width:20px;height:20px;border:2px solid #9077f366;border-radius:6px;position:relative;flex-shrink:0;margin-top:2px;transition:border-color .15s ease,background .12s ease-out}
.ContactHub .PrivacyCheck input[type="checkbox"]:checked + .check-box{border-color:#9077F3;background:#9077F3}
.ContactHub .PrivacyCheck .check-box::after{content:'';position:absolute;top:2px;left:5px;width:6px;height:10px;border:solid #FFF;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .18s ease}
.ContactHub .PrivacyCheck input[type="checkbox"]:checked + .check-box::after{transform:rotate(45deg) scale(1)}
.ContactHub .PrivacyCheck .privacy-txt{font-size:14px;line-height:1.6;color:#4a4a4a}
.ContactHub .PrivacyCheck .privacy-txt a{color:#9077F3;text-decoration:none;transition:color .12s ease}
.ContactHub .PrivacyCheck .privacy-txt a:hover{color:#6F200F}
.ContactHub .SubmitBtn{width:100%;padding:16px 32px;font-size:14px;line-height:1.6;font-weight:600;background:linear-gradient(to right,#9077F3,#6F200F);color:#FFF;border:none;border-radius:6px;cursor:pointer;margin:16px 0 0;transition:transform .15s ease-out,box-shadow .18s ease;box-shadow:2px 2px 2px 0 #9077f312;position:relative;overflow:hidden}
.ContactHub .SubmitBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff26;transition:left .2s ease-out}
.ContactHub .SubmitBtn:hover::before{left:100%}
.ContactHub .SubmitBtn:hover{transform:translateY(-2px);box-shadow:2px 5px 22px 0 #9077f31a}
.ContactHub .SubmitBtn:active{transform:translateY(0)}
.ContactHub ::selection{background:#9077f326}
@media (min-width: 480px) {
.ContactHub .TopBanner{padding:48px 32px}
.ContactHub .FormArea{padding:48px 32px}
.ContactHub .FormCol{padding:48px}
}
@media (min-width: 960px) {
.ContactHub .TopBanner{padding:48px}
.ContactHub .TopBanner .wrapper-v2{grid-template-columns:1fr 1fr;gap:48px}
.ContactHub .img-frame{max-width:none}
.ContactHub .img-frame img{height:420px}
.ContactHub .FormArea{padding:48px}
}
@media (min-width: 1440px) {
.ContactHub .TopBanner .wrapper-v2{gap:48px}
}
.DigestHub-v2{background:linear-gradient(to right,#f8f9fa 0%,#fff 100%);min-height:100vh}
.DigestHub-v2 .heado-box{background:linear-gradient(135deg,#9077F3 0%,#6F200F 100%);padding:48px 32px;position:relative;overflow:hidden;margin-bottom:48px}
.DigestHub-v2 .heado-box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,#ffffff08 25%,transparent 25%),linear-gradient(-45deg,#ffffff08 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff08 75%),linear-gradient(-45deg,transparent 75%,#ffffff08 75%);background-size:32px 32px;background-position:0 0,0 16px,16px -16px,-16px 0;opacity:.4}
.DigestHub-v2 .heado-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.DigestHub-v2 .heado-title{font-size:62px;line-height:1.2;color:#fff;margin:0 0 16px}
.DigestHub-v2 .heado-desc{font-size:14px;line-height:1.6;color:#ffffffe6;max-width:680px}
.DigestHub-v2 .mainwrap{max-width:1320px;margin:0 auto;padding:0 32px 48px}
.DigestHub-v2 .CardGrid-v3{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin-bottom:48px}
.DigestHub-v2 .ArticleCard{background:#fff;border-radius:6px;box-shadow:2px 2px 2px 0 #9077f312;overflow:hidden;transition:box-shadow .15s ease-out,transform .15s ease-out;display:flex;flex-direction:column;position:relative}
.DigestHub-v2 .ArticleCard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><polygon points="0,0 50,25 100,0 100,50 50,75 0,50" fill="%23D8FAE7" opacity="0.03"/></svg>');background-size:48px 48px;opacity:0;transition:opacity .18s ease-out;pointer-events:none}
.DigestHub-v2 .ArticleCard:hover::before{opacity:1}
.DigestHub-v2 .ArticleCard:hover{box-shadow:2px 5px 22px 0 #9077f31a;transform:translateY(-4px)}
.DigestHub-v2 .CardImg-wrap{width:100%;height:240px;overflow:hidden;position:relative}
.DigestHub-v2 .CardImg{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-out}
.DigestHub-v2 .ArticleCard:hover .CardImg{transform:scale(1.05)}
.DigestHub-v2 .CardTag{position:absolute;top:12px;left:12px;background:#9077f3f2;color:#fff;padding:4px 12px;border-radius:48px;font-size:14px;line-height:1.6}
.DigestHub-v2 .CardBody-box{padding:32px;flex:1;display:flex;flex-direction:column}
.DigestHub-v2 .CardTitle{font-size:33px;line-height:1.2;color:#1a1a1a;margin:0 0 8px;transition:color .12s ease}
.DigestHub-v2 .ArticleCard:hover .CardTitle{color:#9077F3}
.DigestHub-v2 .CardSubtitle{font-size:14px;line-height:1.6;color:#6F200F;margin:0 0 16px}
.DigestHub-v2 .CardDescription{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0 0 16px;flex:1}
.DigestHub-v2 .CardMeta-row{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #e8e8e8;margin-top:auto}
.DigestHub-v2 .MetaLeft{display:flex;align-items:center;gap:12px}
.DigestHub-v2 .AuthorName{font-size:14px;line-height:1.6;color:#1a1a1a}
.DigestHub-v2 .PublishDate{font-size:14px;line-height:1.6;color:#6a6a6a}
.DigestHub-v2 .MetaRight{display:flex;align-items:center;gap:16px}
.DigestHub-v2 .ReadTime{font-size:14px;line-height:1.6;color:#6a6a6a;display:flex;align-items:center;gap:4px}
.DigestHub-v2 .LikeCount{font-size:14px;line-height:1.6;color:#6a6a6a;display:flex;align-items:center;gap:4px}
.DigestHub-v2 .IconCircle{width:16px;height:16px;border-radius:48px;background:#9077F3;display:inline-block}
.DigestHub-v2 .IconHeart{width:16px;height:16px;display:inline-block;position:relative}
.DigestHub-v2 .IconHeart::before{content:'';position:absolute;top:3px;left:8px;width:4px;height:8px;background:#9077F3;border-radius:4px 4px 0 0;transform:rotate(-45deg);transform-origin:0 100%}
.DigestHub-v2 .IconHeart::after{content:'';position:absolute;top:3px;left:4px;width:4px;height:8px;background:#9077F3;border-radius:4px 4px 0 0;transform:rotate(45deg);transform-origin:100% 100%}
.DigestHub-v2 .CardLink{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.DigestHub-v2 .divstrip-v1{height:4px;background:linear-gradient(to right,#9077F3 0%,#6F200F 100%);margin:48px 0;opacity:.3}
.DigestHub-v2 .ProcessBlock{background:#fff;padding:48px 32px;border-radius:6px;box-shadow:2px 5px 22px 0 #6f200f1a;margin-bottom:48px;margin-left:32px;position:relative}
.DigestHub-v2 .ProcessBlock::before{content:'';position:absolute;top:0;left:-32px;width:4px;height:100%;background:linear-gradient(to bottom,#9077F3 0%,#6F200F 100%)}
.DigestHub-v2 .BlockHeader{max-width:960px;margin:0 auto 32px}
.DigestHub-v2 .BlockAccent{width:64px;height:2px;background:#9077F3;margin-bottom:16px}
.DigestHub-v2 .BlockTitle{font-size:46px;line-height:1.2;color:#1a1a1a;margin:0 0 16px}
.DigestHub-v2 .BlockText{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0}
.DigestHub-v2 .StepGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1320px;margin:0 auto}
.DigestHub-v2 .StepItem{position:relative}
.DigestHub-v2 .StepNum{font-size:62px;line-height:1.2;color:#D8FAE7;margin:0 0 8px}
.DigestHub-v2 .StepLabel{font-size:33px;line-height:1.2;color:#1a1a1a;margin:0 0 8px}
.DigestHub-v2 .StepDesc{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0}
.DigestHub-v2 .StatusBlock{background:linear-gradient(to right,#f8f9fa 0%,#fff 100%);padding:48px 32px;margin-bottom:48px;margin-right:48px;position:relative}
.DigestHub-v2 .StatusInner{max-width:1320px;margin:0 auto;display:flex;gap:48px;align-items:center}
.DigestHub-v2 .StatusContent{flex:1}
.DigestHub-v2 .StatusImg-wrap{width:480px;height:360px;border-radius:6px;overflow:hidden;position:relative;box-shadow:2px 12px 44px 0 #6f200f21}
.DigestHub-v2 .StatusImg-wrap::after{content:'';position:absolute;top:0;right:0;width:120px;height:100%;background:linear-gradient(to left,#9077f333 0%,transparent 100%);pointer-events:none}
.DigestHub-v2 .StatusImg{width:100%;height:100%;object-fit:cover}
.DigestHub-v2 .StatusTitle{font-size:46px;line-height:1.2;color:#1a1a1a;margin:0 0 16px}
.DigestHub-v2 .StatusText{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0 0 32px}
.DigestHub-v2 .StatusBar-wrap{background:#fff;border-radius:48px;padding:8px;box-shadow:inset 2px 2px 4px 0 #6f200f14}
.DigestHub-v2 .StatusBar{display:flex;height:48px;border-radius:48px;overflow:hidden}
.DigestHub-v2 .BarSegment{display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.6;color:#fff;transition:flex .2s ease-out}
.DigestHub-v2 .BarSegment:hover{flex:1.2!important}
.DigestHub-v2 .BarSegment.seg1{flex:.2;background:#9077F3}
.DigestHub-v2 .BarSegment.seg2{flex:.35;background:#7d62d8}
.DigestHub-v2 .BarSegment.seg3{flex:.25;background:#6a4dbd}
.DigestHub-v2 .BarSegment.seg4{flex:.2;background:#6F200F}
.DigestHub-v2 .InteractSection{background:#fff;padding:48px 32px 48px 0;margin-bottom:48px;margin-left:64px}
.DigestHub-v2 .InteractInner{max-width:1320px;margin:0 auto}
.DigestHub-v2 .InteractTitle{font-size:46px;line-height:1.2;color:#1a1a1a;margin:0 0 32px}
.DigestHub-v2 .ToggleGroup{display:flex;flex-direction:column;gap:16px}
.DigestHub-v2 .ToggleInput{display:none}
.DigestHub-v2 .ToggleItem{border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;transition:box-shadow .15s ease-out}
.DigestHub-v2 .ToggleItem:hover{box-shadow:2px 2px 2px 0 #9077f312}
.DigestHub-v2 .ToggleLabel{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;cursor:pointer;background:#fff;transition:background .12s ease}
.DigestHub-v2 .ToggleLabel:hover{background:#f8f9fa}
.DigestHub-v2 .ToggleLabelText{font-size:33px;line-height:1.2;color:#1a1a1a}
.DigestHub-v2 .ToggleIcon{width:32px;height:32px;position:relative;transition:transform .18s ease-out}
.DigestHub-v2 .ToggleIcon::before,.DigestHub-v2 .ToggleIcon::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:2px;background:#9077F3;transform:translate(-50%,-50%);transition:transform .18s ease-out,opacity .18s ease-out}
.DigestHub-v2 .ToggleIcon::after{transform:translate(-50%,-50%) rotate(90deg)}
.DigestHub-v2 .ToggleInput:checked + .ToggleLabel .ToggleIcon{transform:rotate(180deg)}
.DigestHub-v2 .ToggleInput:checked + .ToggleLabel .ToggleIcon::after{opacity:0}
.DigestHub-v2 .ToggleContent{max-height:0;overflow:hidden;transition:max-height .2s ease-out}
.DigestHub-v2 .ToggleInput:checked ~ .ToggleContent{max-height:480px}
.DigestHub-v2 .ToggleContentInner{padding:0 32px 32px;font-size:14px;line-height:1.6;color:#4a4a4a}
@media (max-width: 960px) {
.DigestHub-v2 .heado-box{padding:32px 16px;margin-bottom:32px}
.DigestHub-v2 .heado-title{font-size:46px}
.DigestHub-v2 .mainwrap{padding:0 16px 32px}
.DigestHub-v2 .CardGrid-v3{gap:16px;margin-bottom:32px}
.DigestHub-v2 .ProcessBlock{padding:32px 16px;margin-left:16px;margin-bottom:32px}
.DigestHub-v2 .ProcessBlock::before{left:-16px}
.DigestHub-v2 .BlockTitle,.DigestHub-v2 .StatusTitle,.DigestHub-v2 .InteractTitle{font-size:33px}
.DigestHub-v2 .StepGrid{grid-template-columns:1fr;gap:16px}
.DigestHub-v2 .StatusBlock{padding:32px 16px;margin-right:0;margin-bottom:32px}
.DigestHub-v2 .StatusInner{flex-direction:column;gap:32px}
.DigestHub-v2 .StatusImg-wrap{width:100%}
.DigestHub-v2 .InteractSection{padding:32px 16px 32px 0;margin-left:32px;margin-bottom:32px}
.DigestHub-v2 .divstrip-v1{margin:32px 0}
}
@media (max-width: 480px) {
.DigestHub-v2 .heado-title{font-size:33px}
.DigestHub-v2 .CardTitle,.DigestHub-v2 .StepLabel,.DigestHub-v2 .ToggleLabelText{font-size:14px}
.DigestHub-v2 .StepNum{font-size:46px}
.DigestHub-v2 .CardBody-box{padding:16px}
.DigestHub-v2 .InteractSection{margin-left:16px}
}
.BudgetPage{background:#fff;min-height:100vh}
.BudgetPage .Heado{max-width:1320px;margin:0 auto;padding:48px 16px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.BudgetPage .txtZone{padding:48px 32px 48px 48px}
.BudgetPage .imgZone{padding:16px;border:4px solid #9077F3;border-radius:6px;position:relative}
.BudgetPage .imgZone img{width:100%;height:480px;object-fit:cover;border-radius:6px;display:block;filter:brightness(1.15)}
.BudgetPage .dotPath{position:absolute;top:-8px;left:-8px;width:32px;height:32px}
.BudgetPage .dotPath::before,.BudgetPage .dotPath::after{content:'';position:absolute;width:8px;height:8px;background:#D8FAE7;border-radius:48px}
.BudgetPage .dotPath::before{top:0;left:0}
.BudgetPage .dotPath::after{bottom:-16px;right:-16px;background:#9077F3}
.BudgetPage .mainHead{font-size:62px;line-height:1.2;color:#6F200F;margin:0 0 32px}
.BudgetPage .mainHead .highlight{background:linear-gradient(90deg,#9077F3,#D8FAE7);padding:0 12px;border-radius:6px;color:#fff}
.BudgetPage .mainTxt{font-size:14px;line-height:1.6;color:#333;margin:0}
.BudgetPage .ProcessBox{background:#F9F9F9;padding:48px 16px;position:relative;overflow:hidden}
.BudgetPage .ProcessBox::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#6F200F}
.BudgetPage .ProcessBox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#9077F3}
.BudgetPage .wideHold{max-width:1320px;margin:0 auto}
.BudgetPage .stepGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin:48px 0 0}
.BudgetPage .stepCard{background:#fff;padding:32px;border-radius:6px;box-shadow:2px 5px 22px 0 #9077f31a;position:relative;transition:transform .15s ease-out}
.BudgetPage .stepCard:hover{transform:translateY(-4px);box-shadow:2px 12px 44px 0 #9077f321}
.BudgetPage .stepCard::before{content:'';position:absolute;top:0;left:0;width:48px;height:4px;background:#9077F3;border-radius:6px}
.BudgetPage .stepNum{font-size:46px;line-height:1.2;color:#D8FAE7;margin:0 0 16px;font-weight:700}
.BudgetPage .stepHead{font-size:33px;line-height:1.2;color:#6F200F;margin:0 0 12px}
.BudgetPage .stepTxt{font-size:14px;line-height:1.6;color:#333;margin:0}
.BudgetPage .secHead{font-size:46px;line-height:1.2;color:#6F200F;margin:0 0 32px;text-align:center}
.BudgetPage .DataBlock{background:linear-gradient(90deg,#9077F3,#6F200F);padding:48px 16px;color:#fff}
.BudgetPage .metricHold{max-width:1320px;margin:0 auto;display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.BudgetPage .metricCard{background:#ffffff1f;padding:32px;border-radius:6px;flex:1;min-width:240px;text-align:center;position:relative;overflow:hidden;transition:background .12s ease}
.BudgetPage .metricCard:hover{background:#ffffff2e}
.BudgetPage .metricCard::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#d8fae733 0%,transparent 70%);animation:pulse-v1 3s ease-in-out infinite}
@keyframes pulse-v1 {
0%,100%{transform:scale(0.8);opacity:.3}
50%{transform:scale(1.2);opacity:.6}
}
.BudgetPage .metricNum{font-size:62px;line-height:1.2;margin:0 0 8px;font-weight:700;position:relative;z-index:1}
.BudgetPage .metricLbl{font-size:14px;line-height:1.6;margin:0;opacity:.9;position:relative;z-index:1}
.BudgetPage .InsightSec{background:#fff;padding:48px 16px;position:relative}
.BudgetPage .InsightSec::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,transparent 48%,#9077f308 48%,#9077f308 52%,transparent 52%),linear-gradient(-45deg,transparent 48%,#9077f308 48%,#9077f308 52%,transparent 52%);background-size:32px 32px;pointer-events:none}
.BudgetPage .miniWrapper{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:32px;position:relative;z-index:1}
.BudgetPage .contentCol{display:flex;flex-direction:column;gap:32px}
.BudgetPage .imgCard{position:relative;border-radius:6px;overflow:hidden;height:280px}
.BudgetPage .imgCard img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .18s ease-out}
.BudgetPage .imgCard:hover img{filter:brightness(0.7)}
.BudgetPage .imgCard .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#6f200fd9;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;pointer-events:none}
.BudgetPage .imgCard:hover .overlay{opacity:1}
.BudgetPage .overlayTxt{font-size:33px;line-height:1.2;color:#fff;padding:16px;text-align:center;margin:0}
.BudgetPage .textBlock{background:#F5F5F5;padding:32px;border-radius:6px;box-shadow:2px 2px 2px 0 #6f200f12}
.BudgetPage .textBlock .smallHead{font-size:33px;line-height:1.2;color:#6F200F;margin:0 0 16px;position:relative;padding-top:16px}
.BudgetPage .textBlock .smallHead::before{content:'';position:absolute;top:0;left:0;width:48px;height:4px;background:#9077F3}
.BudgetPage .textBlock p{font-size:14px;line-height:1.6;color:#333;margin:0 0 12px}
.BudgetPage .textBlock p:last-child{margin:0}
.BudgetPage .sideBox{background:#6F200F;color:#fff;padding:32px;border-radius:6px;box-shadow:2px 12px 44px 0 #6f200f21;display:flex;flex-direction:column;gap:16px;height:fit-content}
.BudgetPage .sideBox .miniHead{font-size:33px;line-height:1.2;margin:0 0 12px}
.BudgetPage .sideBox .miniTxt{font-size:14px;line-height:1.6;margin:0;opacity:.95}
.BudgetPage .miniCircle{width:12px;height:12px;background:#D8FAE7;border-radius:48px;display:inline-block;margin-right:8px;vertical-align:middle}
.BudgetPage .ContactZone{background:#D8FAE7;padding:48px 16px}
.BudgetPage .formHold{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.BudgetPage .infoSide h2{font-size:46px;line-height:1.2;color:#6F200F;margin:0 0 24px}
.BudgetPage .infoSide p{font-size:14px;line-height:1.6;color:#333;margin:0 0 16px}
.BudgetPage .detailList{list-style:none;padding:0;margin:24px 0 0}
.BudgetPage .detailList li{font-size:14px;line-height:2;color:#333;position:relative;padding-left:24px}
.BudgetPage .detailList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#9077F3;border-radius:48px}
.BudgetPage .formBox{background:#fff;padding:32px;border-radius:6px;box-shadow:2px 5px 22px 0 #9077f31a}
.BudgetPage .formBox h3{font-size:33px;line-height:1.2;color:#6F200F;margin:0 0 24px}
.BudgetPage .inputRow{margin-bottom:16px}
.BudgetPage .inputRow label{display:block;font-size:14px;line-height:1.6;color:#333;margin-bottom:8px}
.BudgetPage .inputRow input,.BudgetPage .inputRow textarea{width:100%;padding:12px 16px;font-size:14px;line-height:1.6;border:2px solid #F5F5F5;border-radius:6px;background:#fff;color:#333;transition:border-color .12s ease;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.BudgetPage .inputRow input:focus,.BudgetPage .inputRow textarea:focus{outline:none;border-color:#9077F3}
.BudgetPage .inputRow textarea{resize:vertical;min-height:120px}
.BudgetPage .submitBtn{background:#9077F3;color:#fff;font-size:14px;line-height:1.6;padding:16px 48px;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease-out,transform .12s ease;box-shadow:2px 5px 22px 0 #9077f31a}
.BudgetPage .submitBtn:hover{background:#7B5FD8;transform:translateY(-2px);box-shadow:2px 12px 44px 0 #9077f321}
.BudgetPage .submitBtn:active{transform:translateY(0)}
.BudgetPage ::selection{background:#9077f326}
@media (max-width: 960px) {
.BudgetPage .Heado{grid-template-columns:1fr;padding:32px 16px;gap:32px}
.BudgetPage .txtZone{padding:16px}
.BudgetPage .mainHead{font-size:46px}
.BudgetPage .imgZone img{height:360px}
.BudgetPage .stepGrid{gap:16px}
.BudgetPage .secHead{font-size:33px}
.BudgetPage .metricHold{flex-direction:column}
.BudgetPage .miniWrapper{grid-template-columns:1fr}
.BudgetPage .formHold{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 480px) {
.BudgetPage .Heado{padding:16px}
.BudgetPage .mainHead{font-size:33px;margin-bottom:16px}
.BudgetPage .ProcessBox,.BudgetPage .DataBlock,.BudgetPage .InsightSec,.BudgetPage .ContactZone{padding:32px 16px}
.BudgetPage .stepCard{padding:16px}
.BudgetPage .stepHead{font-size:14px}
.BudgetPage .stepNum{font-size:33px}
.BudgetPage .metricNum{font-size:46px}
.BudgetPage .imgCard{height:200px}
.BudgetPage .overlayTxt{font-size:14px}
}
.SuccessPageWrap{min-height:100vh;background:linear-gradient(to right,#9077F3,#6F200F);display:flex;align-items:center;justify-content:center;padding:32px 16px}
.SuccessPageWrap .centerBox{max-width:580px;width:100%;background:#FFF;border-radius:6px;padding:48px 32px;box-shadow:2px 12px 44px 0 #9077f321;text-align:center}
.SuccessPageWrap .iconCircle{width:88px;height:88px;margin:0 auto 32px;background:#D8FAE7;border-radius:48px;display:flex;align-items:center;justify-content:center;position:relative}
.SuccessPageWrap .iconCircle svg{width:44px;height:44px}
.SuccessPageWrap .iconCircle::before{content:'';position:absolute;inset:-8px;border:2px solid #9077f333;border-radius:48px;animation:expandRing .15s ease-out}
@keyframes expandRing {
from{inset:0;opacity:0}
to{inset:-8px;opacity:1}
}
.SuccessPageWrap .mainTitle{font-size:46px;line-height:1.2;color:#6F200F;margin:0 0 16px}
.SuccessPageWrap .descText{font-size:14px;line-height:1.6;color:#4A4A4A;margin:0 0 32px}
.SuccessPageWrap .InfoBlock{background:#F8F8F8;border-radius:6px;padding:16px;margin:0 0 32px;text-align:left}
.SuccessPageWrap .InfoBlock .rowItem{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #E5E5E5}
.SuccessPageWrap .InfoBlock .rowItem:last-child{border-bottom:none}
.SuccessPageWrap .InfoBlock .labelTxt{font-size:14px;line-height:1.6;color:#777}
.SuccessPageWrap .InfoBlock .valueTxt{font-size:14px;line-height:1.6;color:#1A1A1A;font-weight:600}
.SuccessPageWrap .btnGroup{display:flex;gap:12px;justify-content:center}
.SuccessPageWrap .primaryBtn{background:#9077F3;color:#FFF;font-size:14px;line-height:1.6;padding:12px 32px;border:none;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:2px 5px 22px 0 #9077f31a;transition:background .15s ease,box-shadow .15s ease}
.SuccessPageWrap .primaryBtn:hover{background:#7E5FE6;box-shadow:2px 12px 44px 0 #9077f321}
.SuccessPageWrap .secondaryBtn{background:transparent;color:#6F200F;font-size:14px;line-height:1.6;padding:12px 32px;border:2px solid #6F200F;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .12s ease-out,color .12s ease-out}
.SuccessPageWrap .secondaryBtn:hover{background:#6F200F;color:#FFF}
.SuccessPageWrap .noteText{font-size:14px;line-height:1.6;color:#888;margin:32px 0 0}
.SuccessPageWrap .noteText a{color:#9077F3;text-decoration:none;position:relative}
.SuccessPageWrap .noteText a::after{content:'';position:absolute;bottom:0;left:50%;right:50%;height:1px;background:#9077F3;transition:left .18s ease,right .18s ease}
.SuccessPageWrap .noteText a:hover::after{left:0;right:0}
@media (max-width: 480px) {
.SuccessPageWrap .centerBox{padding:32px 16px}
.SuccessPageWrap .mainTitle{font-size:33px}
.SuccessPageWrap .btnGroup{flex-direction:column;gap:8px}
.SuccessPageWrap .primaryBtn,.SuccessPageWrap .secondaryBtn{width:100%}
}