@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;600;700&display=swap";
body{margin:0;font-family:'Red Hat Display',sans-serif;color:#1a1a1a;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
header,footer,.NavWrap,.FooterInner{box-sizing:border-box}
::selection{background:#09A872;color:#fff}
:focus-visible{outline:none;box-shadow:0 0 0 3px #9c1ebd4d;border-radius:3px}
header{position:relative;background:linear-gradient(135deg,#fff 0%,#f8f4fc 50%,#FEE6DC 100%);padding:32px 32px 0;border-bottom:1px solid #9c1ebd14}
header::after{content:'';position:absolute;bottom:-60px;left:0;right:0;height:60px;background:linear-gradient(to bottom,#fee6dc4d 0%,#fee6dc00 100%);pointer-events:none}
.HeaderTop{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:32px}
.LogoFrame{border:2px dashed #9c1ebd40;padding:8px;border-radius:6px;background:#fff9;box-shadow:0 1px 6px 0 #9c1ebd0f;flex-shrink:0}
.LogoFrame img{display:block;width:56px;height:56px;object-fit:contain}
.TopContact{display:flex;align-items:center;gap:16px;font-family:'Fira Code',monospace;font-size:13px;color:#4a4a4a;letter-spacing:.02em}
.TopContact i{color:#9C1EBD;font-size:16px}
.NavWrap{border-top:1px solid #9c1ebd1f;padding:16px 0 32px}
.MainNav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.MainNav a{font-family:'Red Hat Display',sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#2a2a2a;text-decoration:none;padding:16px 32px;border-radius:28px;background:#ffffff80;border:1px solid #9c1ebd26;transition:background-color .28s ease-out,border-color .28s ease-out,transform .22s ease-out,box-shadow .35s ease-out;position:relative;overflow:hidden}
.MainNav a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#9c1ebd14,transparent);transition:left .4s ease-out}
.MainNav a:hover{background:#fee6dc66;border-color:#9c1ebd4d;transform:translateY(-2px);box-shadow:0 4px 28px 0 #9c1ebd1a}
.MainNav a:hover::before{left:100%}
main{max-width:1440px;margin:0 auto}
footer{margin-top:120px;background:linear-gradient(135deg,#f9f5fc 0%,#FEE6DC 100%);border-top:3px solid #9C1EBD;padding:32px}
.FooterInner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.FooterLogo{border:2px dashed #09a8724d;padding:8px;border-radius:6px;background:#ffffffb3;box-shadow:0 1px 6px 0 #09a8720f}
.FooterLogo img{display:block;width:52px;height:52px;object-fit:contain}
.FooterNav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.FooterNav a{font-family:'Fira Code',monospace;font-size:13px;color:#3a3a3a;text-decoration:none;padding:8px 16px;border-radius:3px;transition:color .25s ease-out,background-color .3s ease-out;letter-spacing:.01em}
.FooterNav a:hover{color:#9C1EBD;background:#9c1ebd0f}
.CopyrightText{font-family:'Fira Code',monospace;font-size:13px;color:#5a5a5a;letter-spacing:.01em}
.ConsentOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a1a99;z-index:1499}
.ConsentOverlay.showing{display:block}
.ConsentPopup{display:none;position:fixed;top:32px;left:32px;width:480px;max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);background:#fff;border-radius:10px;box-shadow:0 12px 60px 0 #9c1ebd1a;z-index:1500;overflow:hidden;border:1px solid #9c1ebd26}
.ConsentPopup.showing{display:flex;flex-direction:column}
.ConsentTabs{display:flex;border-bottom:1px solid #9c1ebd1f;background:#f9f5fc}
.TabButton{flex:1;padding:16px;font-family:'Red Hat Display',sans-serif;font-size:13px;font-weight:600;text-align:center;background:transparent;border:none;color:#5a5a5a;cursor:pointer;transition:color .25s ease-out,background-color .3s ease-out;letter-spacing:.02em;text-transform:uppercase}
.TabButton:hover{color:#9C1EBD;background:#9c1ebd0d}
.TabButton.active{color:#9C1EBD;background:#fff;border-bottom:2px solid #9C1EBD}
.ConsentBody{padding:32px;overflow-y:auto;flex:1}
.ConsentView{display:none}
.ConsentView.showing{display:block}
.ConsentView h3{font-family:'Red Hat Display',sans-serif;font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.35;letter-spacing:-.01em}
.ConsentView p{font-family:'Red Hat Display',sans-serif;font-size:13px;color:#4a4a4a;line-height:1.55;margin:0 0 16px;letter-spacing:.01em}
.PreferenceList{margin:16px 0}
.PreferenceRow{display:flex;align-items:center;justify-content:space-between;padding:16px;margin-bottom:8px;background:#f9f5fc;border-radius:6px;border-left:3px solid #9C1EBD}
.PreferenceRow label{font-family:'Red Hat Display',sans-serif;font-size:13px;font-weight:600;color:#2a2a2a;cursor:pointer;letter-spacing:.01em}
.PreferenceRow input[type="checkbox"]{width:20px;height:20px;cursor:pointer;accent-color:#9C1EBD}
.ConsentActions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.ConsentBtn{flex:1;min-width:140px;padding:16px 32px;font-family:'Red Hat Display',sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:2px solid #9C1EBD;border-radius:28px;background:transparent;color:#9C1EBD;cursor:pointer;transition:background-color .28s ease-out,color .28s ease-out,transform .22s ease-out,box-shadow .35s ease-out}
.ConsentBtn:hover{background:#9C1EBD;color:#fff;transform:translateY(-2px);box-shadow:0 4px 28px 0 #9c1ebd1a}
.ConsentBtn.secondary{border-color:#09A872;color:#09A872}
.ConsentBtn.secondary:hover{background:#09A872;color:#fff;box-shadow:0 4px 28px 0 #09a8721a}
@media (max-width: 960px) {
header{padding:16px 16px 0}
.HeaderTop{flex-direction:column;align-items:flex-start;margin-bottom:16px}
.TopContact{flex-wrap:wrap}
.NavWrap{padding:16px 0}
.MainNav{flex-direction:column;align-items:stretch}
.MainNav a{text-align:center;padding:16px}
footer{padding:16px;margin-top:60px}
.FooterInner{flex-direction:column;align-items:flex-start;gap:16px}
.FooterNav{flex-direction:column;align-items:flex-start;gap:8px}
.ConsentPopup{top:16px;left:16px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}
.ConsentBody{padding:16px}
.ConsentActions{flex-direction:column}
.ConsentBtn{width:100%}
}
@media (max-width: 480px) {
.PreferenceRow{flex-direction:column;align-items:flex-start;gap:8px}
.TopContact{font-size:13px}
}
.terms-block{max-width:1440px;margin:0 auto;padding:32px 16px;background:#fff}
@media (min-width: 960px) {
.terms-block{padding:32px}
}
.terms-block h1{font-size:52px;line-height:1.1;letter-spacing:-.02em;color:#1a1a1a;margin:0 0 32px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.terms-block h2{font-size:38px;line-height:1.1;letter-spacing:-.01em;color:#1a1a1a;margin:32px 0 16px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.terms-block h3{font-size:28px;line-height:1.35;letter-spacing:-.005em;color:#1a1a1a;margin:32px 0 16px;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.terms-block h4{font-size:28px;line-height:1.35;letter-spacing:0;color:#2a2a2a;margin:16px 0 8px;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.terms-block h5{font-size:13px;line-height:1.55;letter-spacing:.02em;color:#2a2a2a;margin:16px 0 8px;font-weight:600;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.terms-block h6{font-size:13px;line-height:1.55;letter-spacing:.01em;color:#3a3a3a;margin:16px 0 8px;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.terms-block p{font-size:13px;line-height:1.55;letter-spacing:.01em;color:#2a2a2a;margin:0 0 16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.terms-block strong,.terms-block b{font-weight:600;color:#1a1a1a}
.terms-block em,.terms-block i{font-style:italic}
.terms-block a{color:#9C1EBD;text-decoration:none;border-bottom:1px solid #9c1ebd4d;transition:border-color .28s ease-out,color .28s ease-out}
.terms-block a:hover{color:#09A872;border-bottom-color:#09a87280}
.terms-block a:focus{outline:2px solid #9C1EBD;outline-offset:2px;border-radius:3px}
.terms-block hr{border:none;height:1px;background:linear-gradient(to right,#9c1ebd26,#09a87226);margin:32px 0}
@media (min-width: 480px) {
.terms-block h1{font-size:66px}
.terms-block p{font-size:13px}
}
@media (min-width: 960px) {
.terms-block{padding:32px 16px}
.terms-block h1{margin:0 0 32px}
.terms-block h2{margin:32px 0 16px}
}
.terms-block h1:first-child,.terms-block h2:first-child,.terms-block h3:first-child{margin-top:0}
.terms-block p:last-child{margin-bottom:0}
.terms-block ::selection{background:#09A872;color:#fff}
.InnovationHub{background:#FFF;max-width:1440px;margin:0 auto}
.InnovationHub .HeroWrap{display:grid;grid-template-columns:1.2fr 0.8fr;gap:32px;padding:32px;align-items:center;position:relative;overflow:hidden}
.InnovationHub .ContentSpace{padding:32px 32px 32px 0}
.InnovationHub .MainStatement{font-size:66px;line-height:1.1;letter-spacing:-.02em;margin:0 0 32px;color:#1a1a1a;font-weight:300}
.InnovationHub .BodyFlow{font-size:28px;line-height:1.55;letter-spacing:.01em;color:#4a4a4a;margin:0 0 32px}
.InnovationHub .ImageContainer{position:relative;width:100%;height:520px;border-radius:28px;overflow:hidden;box-shadow:0 12px 60px 0 #9c1ebd1a}
.InnovationHub .ImageContainer img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(0.95) brightness(1.08);transition:filter .35s ease-out}
.InnovationHub .ImageContainer:hover img{filter:contrast(1) brightness(1)}
.InnovationHub .WaveEdge{position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:#FFF;clip-path:polygon(0 50%,100% 30%,100% 100%,0 100%)}
.InnovationHub .MetricsDisplay{background:linear-gradient(135deg,#f8f9fa 0%,#FEE6DC 100%);padding:32px;border-left:4px solid #9C1EBD;border-radius:10px}
.InnovationHub .DataGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:32px;background:#FFF}
.InnovationHub .StatBlock{text-align:center;padding:32px 16px;border-radius:18px;background:#fafafa;transition:transform .28s ease-out,box-shadow .28s ease-out;box-shadow:0 1px 6px 0 #09a8720f}
.InnovationHub .StatBlock:hover{transform:translateY(-8px);box-shadow:0 4px 28px 0 #09a8721a}
.InnovationHub .BigNumber{font-size:52px;line-height:1.1;color:#9C1EBD;font-weight:600;margin:0 0 8px;letter-spacing:-.01em}
.InnovationHub .MetricLabel{font-size:13px;line-height:1.35;color:#6a6a6a;text-transform:uppercase;letter-spacing:.08em}
.InnovationHub .AsymmetricSection{display:grid;grid-template-columns:1.4fr 0.6fr;gap:32px;padding:32px;background:#FFF;border-top:1px solid #e8e8e8}
.InnovationHub .TextColumns{column-count:2;column-gap:32px;font-size:13px;line-height:1.55;color:#4a4a4a;letter-spacing:.02em}
.InnovationHub .TextColumns p{margin:0 0 16px}
.InnovationHub .TextColumns p:last-child{margin-bottom:0}
.InnovationHub .AccentPhrase{font-style:italic;font-size:16px;color:#9C1EBD}
.InnovationHub .SupportVisual{position:relative;background:linear-gradient(180deg,#FEE6DC 0%,#f8f9fa 100%);border-radius:18px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}
.InnovationHub .DotPattern{display:flex;gap:8px;align-items:center}
.InnovationHub .Dot{width:8px;height:8px;border-radius:50%;background:#9C1EBD;opacity:.3;animation:dotPulse 2.4s ease-in-out infinite}
.InnovationHub .Dot:nth-child(2){animation-delay:.2s}
.InnovationHub .Dot:nth-child(3){animation-delay:.4s}
.InnovationHub .Dot:nth-child(4){animation-delay:.6s}
.InnovationHub .Dot:nth-child(5){animation-delay:.8s}
@keyframes dotPulse {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:1;transform:scale(1.3)}
}
.InnovationHub .FeatureLayout{display:grid;grid-template-columns:1fr 1fr 2fr;gap:32px;padding:32px;background:radial-gradient(ellipse at center,#fafafa 0%,#FFF 70%)}
.InnovationHub .FeatureCard{background:#FFF;border-radius:10px;padding:32px;box-shadow:0 1px 6px 0 #9c1ebd0f;transition:box-shadow .32s ease-out,transform .32s ease-out;border-left:3px solid transparent}
.InnovationHub .FeatureCard:hover{box-shadow:0 4px 28px 0 #9c1ebd1a;transform:translateY(-4px);border-left-color:#09A872}
.InnovationHub .CardIcon{width:48px;height:48px;background:linear-gradient(135deg,#9C1EBD 0%,#09A872 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 0 16px}
.InnovationHub .CardIcon i{color:#FFF;font-size:28px}
.InnovationHub .CardTitle{font-size:28px;line-height:1.35;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.01em;font-weight:300}
.InnovationHub .CardText{font-size:13px;line-height:1.55;color:#5a5a5a;margin:0;letter-spacing:.01em}
.InnovationHub .DominantCard{grid-column:3;grid-row:1;display:flex;flex-direction:column;justify-content:space-between}
.InnovationHub .ProfileSection{padding:32px;background:#FFF;border-top:1px solid #e8e8e8}
.InnovationHub .ProfileGrid{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start;max-width:960px}
.InnovationHub .ProfileImageWrap{width:280px;height:280px;border-radius:18px;overflow:hidden;box-shadow:0 4px 28px 0 #09a8721a;position:relative}
.InnovationHub .ProfileImageWrap::after{content:'';position:absolute;inset:0;background:#9c1ebd14;transition:opacity .38s ease-out}
.InnovationHub .ProfileImageWrap:hover::after{opacity:0}
.InnovationHub .ProfileImageWrap img{width:100%;height:100%;object-fit:cover;object-position:top}
.InnovationHub .ProfileContent{padding:16px 0 0}
.InnovationHub .SectionLabel{font-size:13px;line-height:1.35;color:#9C1EBD;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px}
.InnovationHub .ProfileHeading{font-size:38px;line-height:1.35;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.01em;font-weight:300}
.InnovationHub .ProfileText{font-size:13px;line-height:1.55;color:#4a4a4a;margin:0 0 16px;letter-spacing:.01em}
.InnovationHub .ProfileText:last-of-type{margin-bottom:0}
@media (max-width: 960px) {
.InnovationHub .HeroWrap{grid-template-columns:1fr;padding:32px 16px}
.InnovationHub .ContentSpace{padding:0}
.InnovationHub .MainStatement{font-size:52px;margin-bottom:16px}
.InnovationHub .BodyFlow{font-size:28px;margin-bottom:16px}
.InnovationHub .ImageContainer{height:380px}
.InnovationHub .DataGrid{grid-template-columns:1fr;padding:16px;gap:16px}
.InnovationHub .AsymmetricSection{grid-template-columns:1fr;padding:16px}
.InnovationHub .TextColumns{column-count:1}
.InnovationHub .FeatureLayout{grid-template-columns:1fr;padding:16px}
.InnovationHub .DominantCard{grid-column:1;grid-row:auto}
.InnovationHub .ProfileSection{padding:16px}
.InnovationHub .ProfileGrid{grid-template-columns:1fr;gap:16px}
.InnovationHub .ProfileImageWrap{width:100%;height:320px}
}
@media (max-width: 480px) {
.InnovationHub .MainStatement{font-size:38px}
.InnovationHub .BodyFlow{font-size:13px}
.InnovationHub .BigNumber{font-size:38px}
.InnovationHub .CardTitle{font-size:28px}
.InnovationHub .ProfileHeading{font-size:28px}
.InnovationHub .ImageContainer{height:280px}
}
.InnovationHub ::selection{background:#09A872;color:#FFF}
.ContactLayout{background:#fff;color:#1a1a1a;max-width:1440px;margin:0 auto}
.ContactLayout .IntroHero{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;min-height:520px;padding:32px;overflow:hidden;background:linear-gradient(135deg,#fefefe 0%,#f8f9fa 100%)}
.ContactLayout .IntroHero::before{content:'';position:absolute;top:-20%;right:10%;width:420px;height:420px;border:2px solid #9c1ebd14;border-radius:50%;pointer-events:none}
.ContactLayout .IntroHero::after{content:'';position:absolute;bottom:15%;left:5%;width:280px;height:380px;background:transparent;border-left:3px solid #09a8721f;border-radius:28px 0 0 28px;pointer-events:none}
.ContactLayout .HeroVisual{grid-column:1 / 3;position:relative;display:flex;align-items:center;padding:32px 32px 32px 0}
.ContactLayout .HeroVisual img{width:100%;height:440px;object-fit:cover;border-radius:18px;filter:saturate(0.7);transition:filter .38s ease-out,transform .35s ease-out;position:relative}
.ContactLayout .HeroVisual::before{content:'';position:absolute;inset:32px 32px 32px 0;background:linear-gradient(90deg,#09a87226 0%,transparent 70%);border-radius:18px;pointer-events:none;z-index:1;transition:opacity .38s ease-out}
.ContactLayout .HeroVisual:hover img{filter:saturate(1);transform:scale(1.02)}
.ContactLayout .HeroVisual:hover::before{opacity:0}
.ContactLayout .HeroText{grid-column:3 / 5;display:flex;align-items:center;padding:32px 0 32px 32px}
.ContactLayout .TitleSingle{font-size:52px;line-height:1.1;font-weight:300;letter-spacing:-.03em;color:#2a2a2a;margin:0}
.ContactLayout .Divider{height:1px;background:linear-gradient(90deg,transparent 0%,#e0e0e0 20%,#9c1ebd66 50%,#e0e0e0 80%,transparent 100%);margin:0}
.ContactLayout .FormSection{padding:32px;background:#fafafa}
.ContactLayout .FormWrap{max-width:880px;margin:0 auto;background:#fff;padding:32px;border-radius:18px;box-shadow:0 4px 28px 0 #9c1ebd1a}
.ContactLayout .FormTop{margin-bottom:32px}
.ContactLayout .FormHeading{font-size:38px;line-height:1.35;font-weight:300;letter-spacing:-.02em;color:#2a2a2a;margin:0 0 16px}
.ContactLayout .FormSubtext{font-size:13px;line-height:1.55;color:#666;margin:0;max-width:640px}
.ContactLayout .ContactForm{display:grid;gap:16px}
.ContactLayout .FormRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ContactLayout .FieldGroup{display:flex;flex-direction:column;gap:8px}
.ContactLayout .FieldLabel{font-size:13px;line-height:1.35;font-weight:600;color:#3a3a3a;letter-spacing:.01em}
.ContactLayout .FieldInput{padding:16px;border:1px solid #d0d0d0;border-radius:6px;font-size:13px;line-height:1.35;color:#2a2a2a;background:#fff;transition:border-color .28s ease-out,box-shadow .28s ease-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ContactLayout .FieldInput:focus{outline:none;border-color:#9C1EBD;box-shadow:0 0 0 3px #9c1ebd1f}
.ContactLayout .FieldInput::placeholder{color:#2a2a2a66}
.ContactLayout .FieldInput:hover{border-color:#a0a0a0}
.ContactLayout .SelectWrapper{position:relative}
.ContactLayout .SelectWrapper::after{content:'';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #666;pointer-events:none;transition:border-top-color .28s ease-out}
.ContactLayout .SelectWrapper:hover::after{border-top-color:#9C1EBD}
.ContactLayout .FieldSelect{padding:16px;padding-right:40px;border:1px solid #d0d0d0;border-radius:6px;font-size:13px;line-height:1.35;color:#2a2a2a;background:#fff;width:100%;appearance:none;cursor:pointer;transition:border-color .28s ease-out,box-shadow .28s ease-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ContactLayout .FieldSelect:focus{outline:none;border-color:#9C1EBD;box-shadow:0 0 0 3px #9c1ebd1f}
.ContactLayout .FieldSelect:hover{border-color:#a0a0a0}
.ContactLayout .TimeSlotGroup{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}
.ContactLayout .TimeSlotOption{display:none}
.ContactLayout .TimeSlotLabel{display:flex;align-items:center;justify-content:center;padding:16px 8px;border:1px solid #d0d0d0;border-radius:6px;font-size:13px;line-height:1.35;color:#4a4a4a;background:#fff;cursor:pointer;transition:all .32s ease-out;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ContactLayout .TimeSlotLabel:hover{border-color:#9C1EBD;background:#9c1ebd0a}
.ContactLayout .TimeSlotOption:checked + .TimeSlotLabel{border-color:#9C1EBD;background:#9C1EBD;color:#fff;box-shadow:0 1px 6px 0 #9c1ebd0f}
.ContactLayout .PrivacyCheck{display:flex;align-items:flex-start;gap:8px;margin-top:8px}
.ContactLayout .PrivacyCheckbox{margin-top:4px;cursor:pointer;width:18px;height:18px;flex-shrink:0;accent-color:#9C1EBD}
.ContactLayout .PrivacyText{font-size:13px;line-height:1.55;color:#666;margin:0}
.ContactLayout .PrivacyText a{color:#9C1EBD;text-decoration:none;background-image:linear-gradient(to right,#FEE6DC 0%,transparent 100%);background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;transition:background-size .3s ease-out}
.ContactLayout .PrivacyText a:hover{background-size:100% 100%}
.ContactLayout .SubmitButton{padding:16px 32px;border:none;border-radius:10px;font-size:13px;line-height:1.35;font-weight:600;color:#fff;background:linear-gradient(135deg,#9C1EBD 0%,#7a1896 100%);cursor:pointer;transition:transform .32s ease-out,box-shadow .32s ease-out;letter-spacing:.02em;box-shadow:0 4px 28px 0 #9c1ebd1a;display:inline-flex;align-items:center;gap:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ContactLayout .SubmitButton:hover{transform:translateY(-2px);box-shadow:0 12px 60px 0 #9c1ebd1a}
.ContactLayout .SubmitButton::after{content:'→';display:inline-block;transition:transform .32s ease-out}
.ContactLayout .SubmitButton:hover::after{transform:translateX(4px)}
.ContactLayout .SubmitButton:active{transform:translateY(0)}
.ContactLayout .ContactInfo{margin-top:32px;padding-top:32px;border-top:1px solid #e8e8e8}
.ContactLayout .InfoHeading{font-size:28px;line-height:1.35;font-weight:300;letter-spacing:-.01em;color:#2a2a2a;margin:0 0 16px}
.ContactLayout .InfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ContactLayout .InfoItem{display:flex;flex-direction:column;gap:4px}
.ContactLayout .InfoLabel{font-size:13px;line-height:1.35;font-weight:600;color:#666;letter-spacing:.01em}
.ContactLayout .InfoValue{font-size:13px;line-height:1.55;color:#2a2a2a;margin:0}
.ContactLayout .InfoValue a{color:#2a2a2a;text-decoration:none;transition:color .28s ease-out}
.ContactLayout .InfoValue a:hover{color:#9C1EBD}
@media (max-width: 960px) {
.ContactLayout .IntroHero{grid-template-columns:1fr;min-height:auto}
.ContactLayout .HeroVisual{grid-column:1;padding:0 0 32px}
.ContactLayout .HeroVisual img{height:320px}
.ContactLayout .HeroVisual::before{inset:0 0 32px 0}
.ContactLayout .HeroText{grid-column:1;padding:0}
.ContactLayout .TitleSingle{font-size:38px}
.ContactLayout .FormRow{grid-template-columns:1fr}
.ContactLayout .TimeSlotGroup{grid-template-columns:1fr 1fr}
.ContactLayout .InfoGrid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.ContactLayout .IntroHero{padding:16px}
.ContactLayout .HeroVisual img{height:240px}
.ContactLayout .TitleSingle{font-size:28px}
.ContactLayout .FormSection{padding:16px}
.ContactLayout .FormWrap{padding:16px}
.ContactLayout .FormHeading{font-size:28px}
.ContactLayout .TimeSlotGroup{grid-template-columns:1fr}
.ContactLayout .InfoHeading{font-size:28px}
}
@keyframes slideInLeft {
from{opacity:0;transform:translateX(-40px)}
to{opacity:1;transform:translateX(0)}
}
.ContactLayout .IntroHero{animation:slideInLeft .6s ease-out}
.KeywordHome h1,.KeywordHome h2,.KeywordHome h3,.KeywordHome h4,.KeywordHome h5,.KeywordHome h6{margin:0}
.KeywordHome p{margin:0}
.KeywordHome img{display:block;max-width:100%;height:auto}
.KeywordHome{background:#FFF;color:#1A1A1A;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.KeywordHome ::selection{background:#09A872;color:#FFF}
.TitleWrapper{max-width:1440px;margin:0 auto;padding:32px;display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:center;position:relative}
.TitleWrapper::before{content:'';position:absolute;right:0;top:0;width:280px;height:100%;background:#9c1ebd08;pointer-events:none}
.LeftImageSpace{position:relative}
.TitleVisual{width:100%;height:420px;object-fit:cover;object-position:center;border-radius:10px;filter:sepia(0.22) contrast(1.08);transition:filter .32s ease-out}
.TitleVisual:hover{filter:sepia(0) contrast(1)}
.TitleVisual::before{content:'';position:absolute;top:8px;left:8px;width:48px;height:48px;background:#9C1EBD;opacity:.08;border-radius:28px;pointer-events:none}
.TextContentBlock{display:flex;flex-direction:column;gap:16px}
.MainTitle{font-size:66px;line-height:1.1;letter-spacing:-.02em;font-weight:300;color:#1A1A1A}
.SecondTitle{font-size:38px;line-height:1.35;letter-spacing:-.01em;font-weight:600;color:#9C1EBD}
.TitleDescription{font-size:13px;line-height:1.55;letter-spacing:.02em;color:#4A4A4A;max-width:540px}
.DividerArrows{max-width:1440px;margin:0 auto;padding:32px;display:flex;justify-content:center;gap:8px}
.ArrowShape{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:8px solid #09A872;opacity:.4;transition:opacity .28s ease-out}
.ArrowShape:hover{opacity:1}
.KeywordApproach{max-width:1440px;margin:0 auto;padding:32px;display:grid;grid-template-columns:2fr 1fr;gap:32px;background:linear-gradient(135deg,#FEE6DC 0%,#fff0 100%)}
.ApproachContent{display:flex;flex-direction:column;gap:16px}
.ApproachHeading{font-size:52px;line-height:1.1;letter-spacing:-.015em;font-weight:200;color:#1A1A1A}
.ApproachText{font-size:13px;line-height:1.55;letter-spacing:.01em;color:#333;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ApproachText a{color:#9C1EBD;text-decoration:none;background:linear-gradient(90deg,#FEE6DC 0%,transparent 100%);background-repeat:no-repeat;background-position:0 100%;background-size:100% 2px;transition:background-size .26s ease-out}
.ApproachText a:hover{background-size:100% 100%}
.ApproachVisual{position:relative}
.ApproachImage{width:100%;height:460px;object-fit:cover;object-position:center;border-radius:18px;box-shadow:0 4px 28px 0 #9c1ebd1a;transition:transform .35s ease-out,box-shadow .35s ease-out}
.ApproachImage:hover{transform:translateY(-4px);box-shadow:0 12px 60px 0 #9c1ebd1a}
.DividerArrowsSecond{max-width:1440px;margin:0 auto;padding:32px;display:flex;justify-content:center;gap:8px}
.DataMetrics{background:#F8F8F8;padding:32px;position:relative;overflow:hidden}
.DataMetrics::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 8px,#09a87205 8px,#09a87205 16px),repeating-linear-gradient(90deg,transparent,transparent 8px,#09a87205 8px,#09a87205 16px);pointer-events:none;z-index:0}
.MetricsContainer{max-width:1440px;margin:0 auto;position:relative;z-index:1}
.MetricsTitle{font-size:38px;line-height:1.35;letter-spacing:-.01em;font-weight:400;color:#1A1A1A;margin-bottom:32px;text-align:left}
.MetricsGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px}
.MetricCard{background:#FFF;padding:16px;border-radius:6px;border-left:3px solid #09A872;box-shadow:0 1px 6px 0 #09a8720f;transition:transform .29s ease-out,box-shadow .29s ease-out;position:relative}
.MetricCard:hover{transform:translateX(4px);box-shadow:0 4px 28px 0 #09a8721a}
.MetricValue{font-size:52px;line-height:1.1;letter-spacing:-.02em;font-weight:700;color:#09A872;animation:countUp 1.8s ease-out forwards;opacity:0}
@keyframes countUp {
0%{opacity:0;transform:translateY(16px)}
100%{opacity:1;transform:translateY(0)}
}
.MetricCard:nth-child(1) .MetricValue{animation-delay:.1s}
.MetricCard:nth-child(2) .MetricValue{animation-delay:.25s}
.MetricCard:nth-child(3) .MetricValue{animation-delay:.4s}
.MetricCard:nth-child(4) .MetricValue{animation-delay:.55s}
.MetricLabel{font-size:13px;line-height:1.55;letter-spacing:.01em;color:#4A4A4A;margin-top:8px}
.TeamShowcase{max-width:1440px;margin:0 auto;padding:32px;display:grid;grid-template-columns:1fr 1fr 2fr;gap:32px;align-items:start}
.ProfileUnit{display:flex;flex-direction:column;gap:16px;padding:16px;background:#FFF;border-radius:10px;border-left:3px solid #9C1EBD;box-shadow:0 1px 6px 0 #9c1ebd0f;transition:transform .31s ease-out}
.ProfileUnit:hover{transform:translateY(-8px)}
.ProfilePhoto{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:6px}
.ProfileDetails{display:flex;flex-direction:column;gap:4px}
.ProfileName{font-size:13px;line-height:1.35;letter-spacing:.01em;font-weight:600;color:#1A1A1A}
.ProfileRole{font-size:13px;line-height:1.55;letter-spacing:.01em;color:#666}
.ProcessExplanation{display:flex;flex-direction:column;gap:16px}
.ProcessTitle{font-size:28px;line-height:1.35;letter-spacing:-.01em;font-weight:600;color:#1A1A1A}
.ProcessVisual{width:100%;height:340px;object-fit:cover;object-position:center;border-radius:10px}
.ProcessSteps{display:flex;flex-direction:column;gap:8px}
.ProcessStep{font-size:13px;line-height:1.55;letter-spacing:.01em;color:#333;padding:8px 16px;background:#F8F8F8;border-radius:3px;transition:background .24s ease-out,padding-left .24s ease-out}
.ProcessStep:hover{background:#FEE6DC;padding-left:32px}
.EmphasisWord{font-style:italic;font-size:1.15em;color:#9C1EBD}
@media (max-width: 960px) {
.TitleWrapper{grid-template-columns:1fr;padding:16px}
.TitleWrapper::before{width:140px}
.TitleVisual{height:320px}
.MainTitle{font-size:52px}
.SecondTitle{font-size:28px}
.KeywordApproach{grid-template-columns:1fr;padding:16px}
.ApproachHeading{font-size:38px}
.ApproachText{grid-template-columns:1fr}
.ApproachImage{height:380px}
.MetricsGrid{grid-template-columns:1fr 1fr}
.TeamShowcase{grid-template-columns:1fr;padding:16px}
.ProcessTitle{font-size:28px}
}
@media (max-width: 480px) {
.MainTitle{font-size:38px}
.SecondTitle{font-size:28px}
.TitleDescription{font-size:13px}
.ApproachHeading{font-size:28px}
.MetricsTitle{font-size:28px}
.MetricsGrid{grid-template-columns:1fr}
.MetricValue{font-size:38px}
.ProcessTitle{font-size:28px}
.ProcessVisual{height:260px}
}
.AboutCompany{background:#fff;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.AboutCompany ::selection{background:#09A872;color:#fff}
.AboutCompany .HeroWrapper{max-width:1440px;margin:0 auto;padding:96px 32px 64px;position:relative;overflow:hidden}
.AboutCompany .IntroContent{max-width:760px;margin-left:0;opacity:0;filter:blur(8px);animation:revealBlur .65s ease-out .15s forwards}
@keyframes revealBlur {
to{opacity:1;filter:blur(0)}
}
.AboutCompany .MainHeading{font-size:66px;line-height:1.1;letter-spacing:-.02em;margin:0 0 32px;font-weight:300}
.AboutCompany .HeadingLine{display:block}
.AboutCompany .HeadingAccent{font-style:italic;font-size:76px;color:#9C1EBD}
.AboutCompany .IntroText{font-size:28px;line-height:1.55;letter-spacing:.01em;color:#333;margin:0 0 32px}
.AboutCompany .DecorativeElement{position:absolute;top:48px;right:48px;width:180px;height:180px;background:#9c1ebd14;border-radius:28px;pointer-events:none}
.AboutCompany .TwoColumnSection{max-width:1440px;margin:0 auto;padding:96px 32px;background:#fafafa}
.AboutCompany .SectionInner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;opacity:0;filter:blur(6px);animation:revealBlur .55s ease-out .25s forwards}
.AboutCompany .ContentColumn{display:flex;flex-direction:column;gap:32px}
.AboutCompany .ColumnHeading{font-size:38px;line-height:1.35;letter-spacing:-.01em;margin:0 0 16px;font-weight:300}
.AboutCompany .ColumnPara{font-size:13px;line-height:1.55;letter-spacing:.02em;margin:0;color:#2a2a2a}
.AboutCompany .ImageColumn{position:relative}
.AboutCompany .ImageFigure{margin:0;position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 28px 0 #9c1ebd1a}
.AboutCompany .ContentImg{width:100%;height:520px;object-fit:cover;display:block;filter:brightness(0.92);transition:filter .35s ease-out}
.AboutCompany .ImageFigure:hover .ContentImg{filter:brightness(1)}
.AboutCompany .ImageBlurEdge{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;box-shadow:inset 0 0 48px 12px #fff6}
.AboutCompany .TeamSection{max-width:1440px;margin:0 auto;padding:96px 32px;background:#fee6dc26}
.AboutCompany .TeamHeader{margin:0 0 64px;opacity:0;filter:blur(5px);animation:revealBlur .6s ease-out .3s forwards}
.AboutCompany .TeamTitle{font-size:52px;line-height:1.1;letter-spacing:-.015em;margin:0 0 16px;font-weight:300}
.AboutCompany .TeamIntro{font-size:28px;line-height:1.55;letter-spacing:.01em;color:#444;margin:0;max-width:820px}
.AboutCompany .TeamGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px;opacity:0;filter:blur(4px);animation:revealBlur .45s ease-out .4s forwards}
.AboutCompany .MemberCard{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px 0 #09a8720f;transition:transform .32s ease-out,box-shadow .32s ease-out;position:relative}
.AboutCompany .MemberCard:hover{transform:translateY(-4px);box-shadow:0 12px 60px 0 #09a8721a}
.AboutCompany .PortraitWrapper{position:relative;overflow:hidden;aspect-ratio:7/9}
.AboutCompany .PortraitImg{width:100%;height:100%;object-fit:cover;object-position:top;display:block;filter:brightness(0.94);transition:filter .38s ease-out}
.AboutCompany .MemberCard:hover .PortraitImg{filter:brightness(1)}
.AboutCompany .MemberInfo{padding:16px}
.AboutCompany .MemberName{font-size:28px;line-height:1.35;letter-spacing:-.005em;margin:0 0 8px;color:#1a1a1a}
.AboutCompany .MemberRole{font-size:13px;line-height:1.55;letter-spacing:.02em;margin:0;color:#666}
.AboutCompany .NumberedBadge{position:absolute;top:16px;right:16px;width:42px;height:42px;background:#9c1ebdeb;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 28px 0 #9c1ebd1a;z-index:2}
.AboutCompany .ValuesSection{max-width:1440px;margin:0 auto;padding:96px 32px}
.AboutCompany .ValuesGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px;opacity:0;filter:blur(5px);animation:revealBlur .5s ease-out .35s forwards}
.AboutCompany .ValueBlock{padding:32px;background:#fff;border-left:4px solid #9C1EBD;border-radius:3px;box-shadow:0 1px 6px 0 #9c1ebd0f;transition:box-shadow .28s ease-out,border-left-color .28s ease-out}
.AboutCompany .ValueBlock:hover{box-shadow:0 4px 28px 0 #9c1ebd1a;border-left-color:#09A872}
.AboutCompany .ValueBlock:nth-child(2){border-left-color:#09A872}
.AboutCompany .ValueBlock:nth-child(2):hover{border-left-color:#9C1EBD}
.AboutCompany .ValueTitle{font-size:38px;line-height:1.35;letter-spacing:-.01em;margin:0 0 16px;font-weight:300}
.AboutCompany .ValueText{font-size:13px;line-height:1.55;letter-spacing:.02em;margin:0;color:#2a2a2a}
.AboutCompany .InfoCards{max-width:1440px;margin:0 auto;padding:0 32px 96px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;opacity:0;filter:blur(4px);animation:revealBlur .42s ease-out .5s forwards}
.AboutCompany .InfoCard{background:linear-gradient(135deg,#9c1ebd0a 0%,#fafafaff 100%);padding:32px;border-radius:18px;border:1px solid #9c1ebd1f;position:relative;overflow:hidden;transition:transform .3s ease-out}
.AboutCompany .InfoCard:active{transform:scale(0.98);animation:flashAccent .35s ease-out}
@keyframes flashAccent {
0%,100%{background:linear-gradient(135deg,#9c1ebd0a 0%,#fafafaff 100%)}
50%{background:linear-gradient(135deg,#9c1ebd2e 0%,#fee6dc4d 100%)}
}
.AboutCompany .InfoNumber{font-size:52px;line-height:1.1;letter-spacing:-.02em;margin:0 0 8px;color:#9C1EBD;font-weight:300}
.AboutCompany .InfoLabel{font-size:13px;line-height:1.55;letter-spacing:.02em;margin:0;color:#444}
.AboutCompany .SectionDivider{max-width:1440px;margin:0 auto;padding:0 32px;height:2px;display:flex;align-items:center;gap:8px}
.AboutCompany .DividerDot{width:4px;height:4px;background:#9C1EBD;border-radius:28px}
.AboutCompany .DividerDash{width:16px;height:2px;background:#09A872}
@media (max-width: 960px) {
.AboutCompany .HeroWrapper{padding:64px 32px 48px}
.AboutCompany .MainHeading{font-size:52px}
.AboutCompany .HeadingAccent{font-size:60px}
.AboutCompany .IntroText{font-size:28px}
.AboutCompany .DecorativeElement{width:120px;height:120px;right:16px;top:32px}
.AboutCompany .SectionInner{grid-template-columns:1fr;gap:48px}
.AboutCompany .TeamGrid{grid-template-columns:1fr 1fr}
.AboutCompany .ValuesGrid{grid-template-columns:1fr}
.AboutCompany .InfoCards{grid-template-columns:1fr;padding-bottom:64px}
}
@media (max-width: 480px) {
.AboutCompany .HeroWrapper{padding:48px 16px 32px}
.AboutCompany .MainHeading{font-size:38px}
.AboutCompany .HeadingAccent{font-size:42px}
.AboutCompany .IntroText{font-size:13px}
.AboutCompany .DecorativeElement{display:none}
.AboutCompany .TwoColumnSection,.AboutCompany .TeamSection,.AboutCompany .ValuesSection{padding:64px 16px}
.AboutCompany .ColumnHeading,.AboutCompany .ValueTitle{font-size:28px}
.AboutCompany .TeamTitle{font-size:38px}
.AboutCompany .TeamIntro{font-size:13px}
.AboutCompany .TeamGrid{grid-template-columns:1fr}
.AboutCompany .ContentImg{height:380px}
.AboutCompany .InfoCards{padding:0 16px 64px;gap:16px}
.AboutCompany .InfoCard{padding:16px}
.AboutCompany .InfoNumber{font-size:38px}
.AboutCompany .MemberName{font-size:13px}
}
.SuccessPageWrap{background:#fff;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.SuccessPageWrap .ConfirmationBlock{max-width:1440px;margin:0 auto;width:100%;padding:32px;display:grid;grid-template-columns:60% 40%;gap:32px;align-items:center;min-height:100vh}
.SuccessPageWrap .StatusLeft{padding:32px}
.SuccessPageWrap .MainHeadingSuccess{font-size:66px;line-height:1.1;letter-spacing:-.02em;color:#1a1a1a;margin:0 0 32px;font-weight:300}
.SuccessPageWrap .MessageContent{font-size:28px;line-height:1.55;letter-spacing:.01em;color:#4a4a4a;margin:0 0 32px}
.SuccessPageWrap .DetailsParagraph{font-size:13px;line-height:1.55;letter-spacing:.02em;color:#666;margin:0 0 16px}
.SuccessPageWrap .ContactLinkInline{color:#9C1EBD;text-decoration:none;background:linear-gradient(90deg,#FEE6DC 0%,transparent 100%);background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:2px;transition:background-size .35s ease-out}
.SuccessPageWrap .ContactLinkInline:hover{background-size:0 2px}
.SuccessPageWrap .ActionWrapper{margin:32px 0 0}
.SuccessPageWrap .ButtonHome{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#9C1EBD 0%,#09A872 100%);color:#fff;text-decoration:none;font-size:13px;line-height:1.35;letter-spacing:.03em;font-weight:600;border-radius:6px;box-shadow:0 4px 28px 0 #9c1ebd1a;transition:transform .28s ease-out,box-shadow .28s ease-out}
.SuccessPageWrap .ButtonHome:hover{transform:translateY(-2px);box-shadow:0 12px 60px 0 #9c1ebd1a}
.SuccessPageWrap .ButtonHome:hover .ButtonArrow{transform:translateX(4px)}
.SuccessPageWrap .ButtonArrow{display:inline-block;transition:transform .32s ease-out}
.SuccessPageWrap .StatusRight{padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.SuccessPageWrap .ProgressRingContainer{position:relative;width:280px;height:280px}
.SuccessPageWrap .RingSvg{transform:rotate(-90deg);width:100%;height:100%}
.SuccessPageWrap .RingBackground{fill:none;stroke:#f5f5f5;stroke-width:16}
.SuccessPageWrap .RingProgress{fill:none;stroke:url(#ringGradient);stroke-width:16;stroke-linecap:round;stroke-dasharray:628;stroke-dashoffset:0;animation:fillRing 2.4s ease-out forwards}
@keyframes fillRing {
from{stroke-dashoffset:628}
to{stroke-dashoffset:0}
}
.SuccessPageWrap .CenterLabel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.SuccessPageWrap .PercentageDisplay{font-size:52px;line-height:1.1;letter-spacing:-.01em;font-weight:300;color:#1a1a1a;margin:0}
.SuccessPageWrap .IntegerPart{color:#9C1EBD}
.SuccessPageWrap .FractionalPart{color:#09A872}
.SuccessPageWrap .StatusLabel{font-size:13px;line-height:1.35;letter-spacing:.04em;color:#666;margin:8px 0 0;text-transform:uppercase}
.SuccessPageWrap .MetricsRow{display:flex;gap:32px;margin:32px 0 0;width:100%}
.SuccessPageWrap .MetricCard{flex:1;padding:16px;background:#fafafa;border-radius:10px;box-shadow:0 1px 6px 0 #9c1ebd0f;transition:transform .26s ease-out,box-shadow .26s ease-out}
.SuccessPageWrap .MetricCard:hover{transform:translateY(-4px);box-shadow:0 4px 28px 0 #09a8721a}
.SuccessPageWrap .MetricValue{font-size:38px;line-height:1.1;letter-spacing:-.01em;color:#09A872;margin:0 0 4px;font-weight:300}
.SuccessPageWrap .MetricLabel{font-size:13px;line-height:1.35;letter-spacing:.02em;color:#666;margin:0}
.SuccessPageWrap .PathSection{max-width:1440px;margin:0 auto;width:100%;padding:32px;position:relative;background:radial-gradient(ellipse at center,#fee6dc4d 0%,#fff0 70%)}
.SuccessPageWrap .PathSection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#FEE6DC 50%,transparent 100%)}
.SuccessPageWrap .PathInnerContent{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px;position:relative}
.SuccessPageWrap .CentralVisual{grid-column:2 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px}
.SuccessPageWrap .HeadingLearningPath{font-size:52px;line-height:1.1;letter-spacing:-.02em;color:#1a1a1a;margin:0 0 16px;font-weight:300;text-align:center}
.SuccessPageWrap .SubheadingPath{font-size:28px;line-height:1.35;letter-spacing:.01em;color:#4a4a4a;margin:0 0 32px;text-align:center}
.SuccessPageWrap .PathGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}
.SuccessPageWrap .PathOption{padding:16px;background:#fff;border-radius:10px;border-left:4px solid;box-shadow:0 1px 6px 0 #9c1ebd0f;transition:transform .38s ease-out,box-shadow .38s ease-out;position:relative;overflow:hidden}
.SuccessPageWrap .PathOption:nth-child(1){border-left-color:#9C1EBD}
.SuccessPageWrap .PathOption:nth-child(2){border-left-color:#09A872}
.SuccessPageWrap .PathOption:nth-child(3){border-left-color:#FEE6DC}
.SuccessPageWrap .PathOption:nth-child(4){border-left-color:#9C1EBD}
.SuccessPageWrap .PathOption::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#9c1ebd08 0%,#09a87208 100%);opacity:0;transition:opacity .32s ease-out;pointer-events:none}
.SuccessPageWrap .PathOption:hover{transform:translateX(8px);box-shadow:0 4px 28px 0 #09a8721a}
.SuccessPageWrap .PathOption:hover::after{opacity:1}
.SuccessPageWrap .PathTitle{font-size:13px;line-height:1.35;letter-spacing:.03em;color:#1a1a1a;margin:0 0 4px;font-weight:600;position:relative;z-index:1}
.SuccessPageWrap .PathDescription{font-size:13px;line-height:1.55;letter-spacing:.01em;color:#666;margin:0;position:relative;z-index:1}
.SuccessPageWrap .SideAccent{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:16px}
.SuccessPageWrap .AccentShape{width:120px;height:120px;border-radius:28px;background:linear-gradient(135deg,#FEE6DC 0%,#fee6dc33 100%);box-shadow:inset 0 -4px 12px 0 #9c1ebd14;animation:floatShape 4.2s ease-in-out infinite}
@keyframes floatShape {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-16px)}
}
.SuccessPageWrap .SideAccentRight{grid-column:4;grid-row:1;display:flex;flex-direction:column;justify-content:flex-end;padding:16px}
.SuccessPageWrap .AccentShapeAlt{width:140px;height:140px;border-radius:18px;background:linear-gradient(225deg,#09a87226 0%,#09a87205 100%);box-shadow:inset 0 -4px 12px 0 #09a87214;margin-left:auto;animation:floatShapeAlt 3.8s ease-in-out infinite}
@keyframes floatShapeAlt {
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-12px) rotate(4deg)}
}
@media (max-width: 960px) {
.SuccessPageWrap .ConfirmationBlock{grid-template-columns:1fr;min-height:auto}
.SuccessPageWrap .StatusRight{order:-1}
.SuccessPageWrap .MainHeadingSuccess{font-size:52px}
.SuccessPageWrap .MessageContent{font-size:28px}
.SuccessPageWrap .PathInnerContent{grid-template-columns:1fr}
.SuccessPageWrap .CentralVisual{grid-column:1}
.SuccessPageWrap .SideAccent,.SuccessPageWrap .SideAccentRight{display:none}
.SuccessPageWrap .HeadingLearningPath{font-size:38px}
}
@media (max-width: 480px) {
.SuccessPageWrap .MainHeadingSuccess{font-size:38px}
.SuccessPageWrap .MessageContent{font-size:13px}
.SuccessPageWrap .ProgressRingContainer{width:200px;height:200px}
.SuccessPageWrap .PercentageDisplay{font-size:38px}
.SuccessPageWrap .MetricsRow{flex-direction:column;gap:16px}
.SuccessPageWrap .PathGrid{grid-template-columns:1fr}
.SuccessPageWrap .HeadingLearningPath{font-size:28px}
.SuccessPageWrap .SubheadingPath{font-size:13px}
}
.SuccessPageWrap ::selection{background:#09A872;color:#fff}