html{margin:0;box-sizing:border-box;font-size:100%}
body{margin:0;font-family:'Cabin',sans-serif;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision;background:#FFF;color:#1a1a1a}
::selection{background:#E0561C;color:#FFF}
.HeadoWrap{background:linear-gradient(135deg,#286742 0%,#1f5334 100%);border-bottom:4px solid #E0561C;padding:16px 0;box-shadow:0 5px 14px 1px #28674214}
.HeadoInner{max-width:1600px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 3fr;gap:40px;align-items:center}
.BrandBox{display:flex;align-items:center;gap:16px}
.LogoContainer{width:62px;height:62px;background:#FFF;border-radius:12px;padding:8px;box-shadow:0 12px 40px 1px #e0561c1a;border:2px solid #ffffffe6}
.LogoContainer img{width:100%;height:100%;object-fit:contain}
.CompanyLabel{font-size:21px;font-weight:700;color:#FFF;letter-spacing:-.02em;line-height:1.1}
.NaviPrimary{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.NaviPrimary a{font-size:17px;color:#FFF;text-decoration:none;padding:8px 16px;border-radius:8px;transition:background .14s cubic-bezier(0.4,0,1,1),transform .12s cubic-bezier(0.4,0,1,1);letter-spacing:.01em;line-height:1.75}
.NaviPrimary a:hover{background:#ffffff26}
.NaviPrimary a:focus{transform:scale(1.02);outline:2px solid #E0561C;outline-offset:2px}
.FootrWrap{background:linear-gradient(180deg,#f8f4f0 0%,#ede4db 100%);border-top:4px solid #286742;padding:80px 0 40px;margin-top:80px}
.FootrInner{max-width:1600px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 3fr;gap:80px}
.FootrBrandCol{display:flex;flex-direction:column;gap:16px}
.FootrLogoBox{width:58px;height:58px;background:#FFF;border-radius:8px;padding:8px;box-shadow:0 3px 4px 1px #e0561c0f;border:1px solid #E0561C}
.FootrLogoBox img{width:100%;height:100%;object-fit:contain}
.FootrAddress{font-size:13px;color:#4a4a4a;line-height:1.75;letter-spacing:.02em}
.FootrAddress a{color:#286742;text-decoration:none;transition:color .16s cubic-bezier(0.4,0,1,1)}
.FootrAddress a:hover{color:#E0561C}
.FootrContentCol{display:flex;flex-direction:column;gap:40px}
.FootrDescription{font-family:'IBM Plex Serif',serif;font-size:17px;color:#3a3a3a;line-height:1.75;letter-spacing:-.01em;max-width:720px}
.FootrNaviSecondary{display:flex;gap:16px;flex-wrap:wrap}
.FootrNaviSecondary a{font-size:13px;color:#286742;text-decoration:none;padding:8px 16px;border-radius:8px;border:1px solid #286742;transition:background .18s cubic-bezier(0.4,0,1,1),color .18s cubic-bezier(0.4,0,1,1);letter-spacing:.01em;line-height:1.75}
.FootrNaviSecondary a:hover{background:#286742;color:#FFF}
.FootrNaviSecondary a:focus{transform:scale(1.02);outline:2px solid #E0561C;outline-offset:2px}
.CopyrightBar{margin-top:40px;padding-top:16px;border-top:1px solid #28674233;font-size:13px;color:#6a6a6a;letter-spacing:.01em;line-height:1.75}
@media (max-width: 1024px) {
.HeadoInner{grid-template-columns:1fr;gap:16px}
.NaviPrimary{justify-content:flex-start}
.FootrInner{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.HeadoInner,.FootrInner{padding:0 16px}
.BrandBox{flex-direction:column;align-items:flex-start}
.NaviPrimary{flex-direction:column;align-items:stretch}
.NaviPrimary a{text-align:center}
.FootrNaviSecondary{flex-direction:column}
}
@media (max-width: 360px) {
.HeadoInner,.FootrInner{padding:0 8px}
.CompanyLabel{font-size:17px}
.NaviPrimary a{font-size:13px}
}
.ConsentPanel{position:fixed;top:0;left:0;right:0;background:#286742;z-index:1500;box-shadow:0 5px 14px 1px #28674214;border-bottom:4px solid #E0561C}
.ConsentRow{max-width:1600px;margin:0 auto;padding:16px 40px;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.ConsentNotice{font-size:13px;color:#FFF;line-height:1.75;letter-spacing:.01em;flex:1;min-width:280px}
.ConsentActions{display:flex;gap:8px;flex-wrap:wrap}
.ConsentChoice{font-family:'Cabin',sans-serif;font-size:13px;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;text-decoration:none;transition:background .16s cubic-bezier(0.4,0,1,1),transform .12s cubic-bezier(0.4,0,1,1);letter-spacing:.01em;line-height:1.75;display:inline-block;min-width:120px;text-align:center}
.ConsentAccept{background:#E0561C;color:#FFF}
.ConsentAccept:hover{background:#c74915}
.ConsentPolicy{background:#ffffff26;color:#FFF}
.ConsentPolicy:hover{background:#ffffff40}
.ConsentChoice:focus{transform:scale(1.02);outline:2px solid #FFF;outline-offset:2px}
@media (max-width: 768px) {
.ConsentRow{padding:16px;flex-direction:column;align-items:stretch}
.ConsentActions{flex-direction:column}
.ConsentChoice{width:100%}
}
.legal-inner{max-width:1600px;margin-left:auto;margin-right:auto;padding:80px 16px}
.legal-inner h1{font-size:50px;line-height:1.1;letter-spacing:-.02em;margin-bottom:40px;color:#000}
.legal-inner h2{font-size:38px;line-height:1.1;letter-spacing:-.01em;margin-top:80px;margin-bottom:40px;color:#000}
.legal-inner h3{font-size:21px;line-height:1.1;letter-spacing:0;margin-top:40px;margin-bottom:16px;color:#000}
.legal-inner h4{font-size:17px;line-height:1.1;letter-spacing:.01em;margin-top:40px;margin-bottom:16px;color:#000}
.legal-inner h5{font-size:17px;line-height:1.1;letter-spacing:.01em;margin-top:40px;margin-bottom:16px;color:#000}
.legal-inner h6{font-size:17px;line-height:1.1;letter-spacing:.01em;margin-top:40px;margin-bottom:16px;color:#000}
.legal-inner p{font-size:17px;line-height:1.75;letter-spacing:.01em;color:#333;margin-bottom:16px}
.legal-inner strong,.legal-inner b{color:#000}
.legal-inner a{color:#E0561C;text-decoration:underline;transition:color .14s cubic-bezier(0.4,0,1,1)}
.legal-inner a:hover{color:#286742}
.legal-inner ul,.legal-inner ol{margin-bottom:16px;padding-left:40px}
.legal-inner ul{list-style-type:none}
.legal-inner ul li{font-size:17px;line-height:1.75;letter-spacing:.01em;color:#333;margin-bottom:8px;position:relative}
.legal-inner ul li::before{content:'';position:absolute;left:-24px;top:13px;width:8px;height:8px;background-color:#E0561C;border-radius:12px}
.legal-inner ol{list-style-type:decimal}
.legal-inner ol li{font-size:17px;line-height:1.75;letter-spacing:.01em;color:#333;margin-bottom:8px}
.legal-inner ol li::marker{color:#286742}
.legal-inner table{width:100%;border-collapse:collapse;margin-top:40px;margin-bottom:40px;background-color:#FFF;border-radius:12px;overflow:hidden;box-shadow:0 3px 4px 1px #e0561c0f}
.legal-inner thead{background-color:#286742}
.legal-inner thead th{font-size:17px;line-height:1.1;letter-spacing:0;color:#FFF;padding:16px;text-align:left}
.legal-inner tbody tr{border-bottom:1px solid #E5E5E5;transition:background-color .12s cubic-bezier(0.4,0,1,1)}
.legal-inner tbody tr:last-child{border-bottom:none}
.legal-inner tbody tr:hover{background-color:#F9F9F9}
.legal-inner tbody td{font-size:17px;line-height:1.75;letter-spacing:.01em;color:#333;padding:16px}
.legal-inner div{margin-bottom:16px}
@media (max-width: 1024px) {
.legal-inner{padding-top:40px;padding-bottom:40px}
.legal-inner h1{font-size:38px;margin-bottom:40px}
.legal-inner h2{font-size:21px;margin-top:40px;margin-bottom:16px}
}
@media (max-width: 768px) {
.legal-inner{padding-left:16px;padding-right:16px}
.legal-inner ul,.legal-inner ol{padding-left:24px}
.legal-inner ul li::before{left:-20px}
.legal-inner table{font-size:13px}
.legal-inner thead th,.legal-inner tbody td{font-size:13px;padding:8px}
}
@media (max-width: 360px) {
.legal-inner h1{font-size:21px}
.legal-inner h2{font-size:17px}
.legal-inner p,.legal-inner ul li,.legal-inner ol li{font-size:13px}
}
.DetailPage{background:#FFF;min-height:100vh;position:relative}
.DetailPage .TitleSection{background:linear-gradient(135deg,#286742 0%,#1a4d30 100%);color:#FFF;padding:80px 16px;position:relative;overflow:hidden}
.DetailPage .TitleSection::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:80px;background:radial-gradient(circle at 50% 0%,#FFF 0%,#FFF 60%,transparent 60%);background-size:60px 40px;background-repeat:repeat-x;background-position:center bottom}
.DetailPage .TitleWrap{max-width:1600px;margin:0 auto}
.DetailPage .CategoryRow{display:flex;align-items:center;gap:16px;margin-bottom:16px;opacity:0;animation:fadeSlideIn .14s cubic-bezier(0.4,0,1,1) .1s forwards}
@keyframes fadeSlideIn {
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
.DetailPage .TagLabel{background:#fff3;color:#FFF;padding:4px 16px;border-radius:20px;font-size:13px;letter-spacing:.03em}
.DetailPage .UserLevel{background:#e0561c4d;color:#FFF;padding:4px 16px;border-radius:20px;font-size:13px;letter-spacing:.03em}
.DetailPage .MainHeading{font-size:50px;line-height:1.1;margin:0 0 16px;letter-spacing:-.02em;opacity:0;animation:fadeSlideIn .16s cubic-bezier(0.4,0,1,1) .2s forwards}
.DetailPage .NumericAccent{color:#E0561C;font-size:50px;font-weight:700}
.DetailPage .TimeRead{font-size:17px;line-height:1.75;opacity:.9;margin:0;opacity:0;animation:fadeSlideIn .12s cubic-bezier(0.4,0,1,1) .3s forwards}
.DetailPage .MetaGrid{max-width:1600px;margin:0 auto;padding:40px 16px;display:grid;grid-template-columns:1fr 3fr;gap:40px}
.DetailPage .SidebarMeta{display:flex;flex-direction:column;gap:16px}
.DetailPage .MetaCard{background:#f8f8f8;padding:16px;border-radius:12px;border-left:4px solid #E0561C;opacity:0}
.DetailPage .MetaCard:nth-child(1){animation:fadeSlideIn .14s cubic-bezier(0.4,0,1,1) .4s forwards}
.DetailPage .MetaCard:nth-child(2){animation:fadeSlideIn .14s cubic-bezier(0.4,0,1,1) .5s forwards}
.DetailPage .MetaCard:nth-child(3){animation:fadeSlideIn .14s cubic-bezier(0.4,0,1,1) .6s forwards}
.DetailPage .MetaCard:nth-child(4){animation:fadeSlideIn .14s cubic-bezier(0.4,0,1,1) .7s forwards}
.DetailPage .MetaLabel{font-size:13px;color:#666;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}
.DetailPage .MetaValue{font-size:21px;line-height:1.1;margin:0;font-weight:700;color:#1a1a1a}
.DetailPage .PriceNote{font-size:13px;color:#666;margin:4px 0 0;line-height:1.75}
.DetailPage .MainContentZone{opacity:0;animation:fadeSlideIn .18s cubic-bezier(0.4,0,1,1) .8s forwards}
.DetailPage .HeroVisual{width:100%;height:auto;display:block;border-radius:12px;margin-bottom:40px;box-shadow:0 12px 40px 1px #e0561c1a;position:relative}
.DetailPage .HeroVisual::after{content:'';position:absolute;inset:0;border-radius:12px;background:radial-gradient(circle at top left,#0000004d 0%,transparent 50%),radial-gradient(circle at top right,#0000004d 0%,transparent 50%),radial-gradient(circle at bottom left,#0000004d 0%,transparent 50%),radial-gradient(circle at bottom right,#0000004d 0%,transparent 50%);pointer-events:none}
.DetailPage .ProgramSection{background:#f8f8f8;padding:40px;border-radius:20px;margin-bottom:40px}
.DetailPage .ProgramSection h2{font-size:38px;line-height:1.1;margin:0 0 16px;color:#286742;letter-spacing:-.01em}
.DetailPage .ProgramSection p,.DetailPage .ProgramSection ul,.DetailPage .ProgramSection blockquote{font-size:17px;line-height:1.75;margin:0 0 16px;color:#1a1a1a}
.DetailPage .ProgramSection ul{padding-left:16px}
.DetailPage .ProgramSection li{margin-bottom:8px}
.DetailPage .ProgramSection li::marker{color:#E0561C}
.DetailPage .ProgramSection blockquote{border-left:4px solid #286742;padding-left:16px;margin-left:0;font-style:italic;color:#555}
.DetailPage .ProgramSection cite{font-size:13px;color:#666;font-style:normal;display:block;margin-top:8px}
.DetailPage .ProgramSection small{font-size:13px;color:#666}
.DetailPage .DescriptionBox{margin-bottom:40px}
.DetailPage .DescriptionBox h2{font-size:38px;line-height:1.1;margin:0 0 16px;color:#1a1a1a;letter-spacing:-.01em}
.DetailPage .DescriptionBox h3{font-size:21px;line-height:1.1;margin:40px 0 16px;color:#286742}
.DetailPage .DescriptionBox p{font-size:17px;line-height:1.75;margin:0 0 16px;color:#1a1a1a}
.DetailPage .DescriptionBox mark{background:#e0561c26;color:#1a1a1a;padding:2px 4px;border-radius:4px}
.DetailPage .DescriptionBox ul,.DetailPage .DescriptionBox ol{font-size:17px;line-height:1.75;margin:0 0 16px;padding-left:16px;color:#1a1a1a}
.DetailPage .DescriptionBox li{margin-bottom:8px}
.DetailPage .DescriptionBox ul li::marker{color:#E0561C}
.DetailPage .DescriptionBox ol li::marker{color:#286742}
.DetailPage .DescriptionBox small{font-size:13px;color:#666}
.DetailPage .SkillsSection{background:linear-gradient(180deg,#FFF 0%,#f0f0f0 100%);padding:80px 16px;margin-top:80px}
.DetailPage .SkillsInner{max-width:1600px;margin:0 auto}
.DetailPage .SkillsHeading{font-size:38px;line-height:1.1;margin:0 0 40px;color:#286742;text-align:center;letter-spacing:-.01em}
.DetailPage .SkillBarItem{margin-bottom:40px;opacity:0}
.DetailPage .SkillBarItem:nth-child(2){animation:fadeSlideIn .16s cubic-bezier(0.4,0,1,1) .9s forwards}
.DetailPage .SkillBarItem:nth-child(3){animation:fadeSlideIn .16s cubic-bezier(0.4,0,1,1) 1s forwards}
.DetailPage .SkillBarItem:nth-child(4){animation:fadeSlideIn .16s cubic-bezier(0.4,0,1,1) 1.1s forwards}
.DetailPage .SkillBarItem:nth-child(5){animation:fadeSlideIn .16s cubic-bezier(0.4,0,1,1) 1.2s forwards}
.DetailPage .SkillName{font-size:17px;line-height:1.75;margin:0 0 8px;color:#1a1a1a;font-weight:700}
.DetailPage .SkillTrack{width:100%;height:32px;background:#e0e0e0;border-radius:48px;overflow:hidden;position:relative}
.DetailPage .SkillFill{height:100%;background:linear-gradient(90deg,#E0561C 0%,#286742 100%);border-radius:48px;display:flex;align-items:center;justify-content:flex-end;padding-right:16px;transition:width .16s cubic-bezier(0.4,0,1,1)}
.DetailPage .SkillPercent{font-size:13px;color:#FFF;font-weight:700;letter-spacing:.05em}
.DetailPage .ActionPanel{background:#286742;padding:80px 16px;color:#FFF;position:relative}
.DetailPage .ActionPanel::before{content:'';position:absolute;top:-2px;left:0;right:0;height:80px;background:radial-gradient(circle at 50% 100%,#286742 0%,#286742 60%,transparent 60%);background-size:60px 40px;background-repeat:repeat-x;background-position:center top}
.DetailPage .ActionInner{max-width:1600px;margin:0 auto;text-align:center}
.DetailPage .ActionHeading{font-size:38px;line-height:1.1;margin:0 0 16px;letter-spacing:-.01em}
.DetailPage .ActionText{font-size:17px;line-height:1.75;margin:0 0 40px;max-width:800px;margin-left:auto;margin-right:auto}
.DetailPage .CTAbuttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.DetailPage .PrimaryBtn{background:#E0561C;color:#FFF;padding:16px 40px;border-radius:32px;font-size:17px;font-weight:700;text-decoration:none;display:inline-block;position:relative;overflow:hidden;border:none;cursor:pointer;transition:transform .12s cubic-bezier(0.4,0,1,1)}
.DetailPage .PrimaryBtn::before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:#0003;transition:height .14s cubic-bezier(0.4,0,1,1)}
.DetailPage .PrimaryBtn:hover::before{height:100%}
.DetailPage .PrimaryBtn:hover{transform:translateY(-2px)}
.DetailPage .SecondaryBtn{background:transparent;color:#FFF;padding:16px 40px;border-radius:32px;font-size:17px;font-weight:700;text-decoration:none;display:inline-block;border:2px solid #FFF;position:relative;overflow:hidden;cursor:pointer;transition:transform .12s cubic-bezier(0.4,0,1,1)}
.DetailPage .SecondaryBtn::before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:#ffffff26;transition:height .14s cubic-bezier(0.4,0,1,1)}
.DetailPage .SecondaryBtn:hover::before{height:100%}
.DetailPage .SecondaryBtn:hover{transform:translateY(-2px)}
.DetailPage .LikeSection{padding:40px 16px;max-width:1600px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:8px}
.DetailPage .HeartIcon{width:32px;height:32px;fill:#E0561C}
.DetailPage .LikeCount{font-size:21px;line-height:1.1;color:#1a1a1a;font-weight:700}
.DetailPage .AccessToggle{position:fixed;bottom:40px;right:40px;background:#286742;color:#FFF;padding:16px;border-radius:48px;border:none;cursor:pointer;box-shadow:0 12px 40px 1px #2867421a;z-index:1000;transition:transform .12s cubic-bezier(0.4,0,1,1),background .14s cubic-bezier(0.4,0,1,1)}
.DetailPage .AccessToggle:hover{transform:scale(1.08);background:#1a4d30}
.DetailPage .AccessIcon{width:24px;height:24px;display:block}
body.a11y-mode{filter:contrast(1.3)}
body.a11y-mode *{letter-spacing:.08em!important;line-height:2!important}
@media (max-width: 1024px) {
.DetailPage .MetaGrid{grid-template-columns:1fr;gap:40px}
.DetailPage .SidebarMeta{flex-direction:row;flex-wrap:wrap}
.DetailPage .MetaCard{flex:1 1 calc(50% - 8px);min-width:200px}
.DetailPage .MainHeading{font-size:38px}
}
@media (max-width: 768px) {
.DetailPage .TitleSection{padding:40px 16px}
.DetailPage .MainHeading{font-size:38px}
.DetailPage .CategoryRow{flex-direction:column;align-items:flex-start}
.DetailPage .SidebarMeta{flex-direction:column}
.DetailPage .MetaCard{flex:1 1 100%}
.DetailPage .ProgramSection{padding:16px}
.DetailPage .ProgramSection h2,.DetailPage .DescriptionBox h2,.DetailPage .SkillsHeading,.DetailPage .ActionHeading{font-size:21px}
.DetailPage .SkillsSection,.DetailPage .ActionPanel{padding:40px 16px}
.DetailPage .CTAbuttons{flex-direction:column;align-items:stretch}
.DetailPage .AccessToggle{bottom:16px;right:16px}
}
@media (max-width: 360px) {
.DetailPage .MainHeading{font-size:21px}
.DetailPage .MetaValue{font-size:17px}
}
.AboutMain{background:#FFF;color:#1a1a1a;min-height:100vh}
.AboutMain .TopStripe{background:linear-gradient(to bottom,#E0561C 0%,#e0561ccc 40%,#e0561c00 100%);padding-top:80px;padding-bottom:160px;position:relative;overflow:hidden}
.AboutMain .TopStripe::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,#00000008 1px,transparent 1px),radial-gradient(circle at 80% 20%,#00000008 1px,transparent 1px);background-size:32px 32px;background-position:0 0,16px 16px;opacity:.6;pointer-events:none}
.AboutMain .TopStripe::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#28674226 0%,transparent 30%,transparent 70%,#e0561c1a 100%);mix-blend-mode:multiply;pointer-events:none}
.AboutMain .HeroInner{max-width:1600px;margin:0 auto;padding:0 40px;position:relative;z-index:1}
.AboutMain .MainHeading{font-size:50px;line-height:1.1;color:#FFF;margin:0 0 40px;max-width:900px;letter-spacing:-.02em}
.AboutMain .MainHeading .OutlineWord{color:transparent;-webkit-text-stroke:2px #FFF;text-stroke:2px #FFF}
.AboutMain .IntroText{font-size:21px;line-height:1.75;color:#FFF;max-width:720px;margin:0}
.AboutMain .StorySection{max-width:1600px;margin:0 auto;padding:80px 40px;background:linear-gradient(to bottom,#FFF 0%,#f8f8f8 100%)}
.AboutMain .StoryGrid{display:grid;grid-template-columns:1fr 3fr;gap:80px;align-items:start}
.AboutMain .LeftColumn{position:sticky;top:40px}
.AboutMain .SectionLabel{font-size:13px;line-height:1.75;text-transform:uppercase;letter-spacing:.1em;color:#286742;margin:0 0 16px;font-weight:700}
.AboutMain .ProfileCard{background:#FFF;border-radius:12px;padding:16px;box-shadow:0 5px 14px 1px #28674214;margin-top:40px}
.AboutMain .ProfileImageWrap{width:100%;aspect-ratio:3/4;border-radius:8px;overflow:hidden;margin-bottom:16px}
.AboutMain .ProfileImageWrap img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.AboutMain .ProfileName{font-size:17px;line-height:1.1;color:#1a1a1a;margin:0 0 4px;font-weight:700}
.AboutMain .ProfileRole{font-size:13px;line-height:1.75;color:#666;margin:0}
.AboutMain .RightColumn{display:flex;flex-direction:column;gap:40px}
.AboutMain .StoryBlock h2{font-size:38px;line-height:1.1;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.01em;font-weight:700}
.AboutMain .StoryBlock p{font-size:17px;line-height:1.75;color:#333;margin:0 0 16px}
.AboutMain .StoryBlock p:last-child{margin-bottom:0}
.AboutMain .ImageRow{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:40px 0}
.AboutMain .ImageBox{width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;position:relative}
.AboutMain .ImageBox::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,#0000004d,transparent 60%);pointer-events:none}
.AboutMain .ImageBox img{width:100%;height:100%;object-fit:cover;display:block}
.AboutMain .MetricsBox{background:linear-gradient(135deg,#286742 0%,#1e4f32 100%);border-radius:20px;padding:40px;margin:40px 0;box-shadow:0 12px 40px 1px #2867421a}
.AboutMain .MetricsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.AboutMain .MetricItem{text-align:center}
.AboutMain .MetricNumber{font-size:50px;line-height:1.1;color:#FFF;margin:0 0 8px;font-weight:700;letter-spacing:-.02em}
.AboutMain .MetricLabel{font-size:13px;line-height:1.75;color:#fffc;margin:0;text-transform:uppercase;letter-spacing:.08em}
.AboutMain .ValuesSection{background:linear-gradient(to bottom,#f8f8f8 0%,#FFF 100%);padding:80px 40px}
.AboutMain .ValuesInner{max-width:1600px;margin:0 auto}
.AboutMain .ValuesHeading{font-size:38px;line-height:1.1;color:#1a1a1a;margin:0 0 80px;text-align:center;letter-spacing:-.01em;font-weight:700}
.AboutMain .ValuesGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.AboutMain .ValueCard{background:#FFF;border-radius:12px;padding:40px;position:relative;transition:transform .15s cubic-bezier(0.4,0,1,1);box-shadow:0 3px 4px 1px #e0561c0f}
.AboutMain .ValueCard:hover{transform:translateY(-4px)}
.AboutMain .ValueCard::before{content:'';position:absolute;top:0;left:0;width:8px;height:100%;background:linear-gradient(to bottom,#E0561C 0%,#286742 100%);border-radius:12px 0 0 12px}
.AboutMain .ValueCard h3{font-size:21px;line-height:1.1;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.AboutMain .ValueCard p{font-size:17px;line-height:1.75;color:#333;margin:0}
.AboutMain .ImageSingle{width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;margin:40px 0;position:relative}
.AboutMain .ImageSingle::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 100%,#00000040,transparent 70%);pointer-events:none}
.AboutMain .ImageSingle img{width:100%;height:100%;object-fit:cover;display:block}
.AboutMain .ClickEffect{transition:background-color .12s cubic-bezier(0.4,0,1,1)}
.AboutMain .ClickEffect:active{background-color:#E0561C!important;color:#FFF!important}
@media (max-width: 1024px) {
.AboutMain .TopStripe{padding-top:40px;padding-bottom:120px}
.AboutMain .MainHeading{font-size:38px}
.AboutMain .IntroText{font-size:17px}
.AboutMain .StoryGrid{grid-template-columns:1fr;gap:40px}
.AboutMain .LeftColumn{position:static}
.AboutMain .MetricsGrid{grid-template-columns:1fr;gap:40px}
.AboutMain .ValuesGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.AboutMain .TopStripe{padding-top:40px;padding-bottom:80px}
.AboutMain .HeroInner{padding:0 16px}
.AboutMain .MainHeading{font-size:38px;margin-bottom:16px}
.AboutMain .IntroText{font-size:17px}
.AboutMain .StorySection{padding:40px 16px}
.AboutMain .StoryBlock h2{font-size:21px}
.AboutMain .ImageRow{grid-template-columns:1fr;gap:16px}
.AboutMain .MetricsBox{padding:40px 16px}
.AboutMain .MetricNumber{font-size:38px}
.AboutMain .ValuesSection{padding:40px 16px}
.AboutMain .ValuesHeading{font-size:21px;margin-bottom:40px}
.AboutMain .ValueCard{padding:16px}
}
@media (max-width: 360px) {
.AboutMain .MainHeading{font-size:21px}
.AboutMain .IntroText{font-size:13px}
.AboutMain .StoryBlock h2{font-size:17px}
.AboutMain .StoryBlock p{font-size:13px}
.AboutMain .MetricNumber{font-size:21px}
.AboutMain .ValuesHeading{font-size:17px}
.AboutMain .ValueCard h3{font-size:17px}
.AboutMain .ValueCard p{font-size:13px}
}
.ContactHub{background:#FFF;color:#1a1a1a;max-width:1600px;margin:0 auto}
.ContactHub .topPanelBox{padding:80px 16px;background:linear-gradient(135deg,#f8f8f8 0%,#FFF 50%,#f5f5f5 100%);position:relative;overflow:hidden}
.ContactHub .bentoGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
.ContactHub .textCellBox{padding:40px;background:#FFF;border-radius:20px;box-shadow:0 5px 14px 1px #28674214;position:relative}
.ContactHub .textCellBox::before,.ContactHub .textCellBox::after{content:'';position:absolute;width:24px;height:24px;border:3px solid #286742}
.ContactHub .textCellBox::before{top:-3px;left:-3px;border-right:none;border-bottom:none}
.ContactHub .textCellBox::after{bottom:-3px;right:-3px;border-left:none;border-top:none}
.ContactHub .mainHeading{font-size:50px;line-height:1.1;margin:0 0 16px;letter-spacing:-.02em;color:#1a1a1a}
.ContactHub .introPara{font-size:17px;line-height:1.75;margin:0 0 16px;color:#333}
.ContactHub .detailsList{list-style:none;padding:0;margin:40px 0 0}
.ContactHub .detailsList li{font-size:17px;line-height:1.75;margin:0 0 16px;padding-left:40px;position:relative;color:#1a1a1a}
.ContactHub .detailsList li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#E0561C;border-radius:8px;animation:gentleShake 3s ease-out infinite}
@keyframes gentleShake {
0%,90%,100%{transform:translateX(0)}
92%{transform:translateX(-3px)}
94%{transform:translateX(3px)}
96%{transform:translateX(-2px)}
98%{transform:translateX(2px)}
}
.ContactHub .imageCellBox{background:linear-gradient(135deg,#286742 0%,#E0561C 100%);border-radius:32px;padding:80px 40px;display:flex;align-items:center;justify-content:center;min-height:480px;position:relative;opacity:0;animation:fadeInImage 1.2s ease-out .3s forwards}
@keyframes fadeInImage {
to{opacity:1}
}
.ContactHub .imageCellBox::before{content:'';position:absolute;top:40px;left:40px;right:40px;bottom:40px;border:2px solid #ffffff4d;border-radius:20px}
.ContactHub .visualPlaceholder{width:180px;height:180px;background:#ffffff26;border-radius:48px;position:relative}
.ContactHub .visualPlaceholder::before,.ContactHub .visualPlaceholder::after{content:'';position:absolute;background:#ffffff4d;border-radius:12px}
.ContactHub .visualPlaceholder::before{width:80px;height:80px;top:30px;left:30px;transform:rotate(45deg)}
.ContactHub .visualPlaceholder::after{width:60px;height:60px;bottom:30px;right:30px;border-radius:48px}
.ContactHub .dividerSection{padding:40px 16px;display:flex;align-items:center;justify-content:center;gap:40px}
.ContactHub .triangleShape{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid #286742}
.ContactHub .formAreaBox{background:#f0f5f2;padding:80px 16px;position:relative}
.ContactHub .formContainer{max-width:840px;margin:0 auto}
.ContactHub .formHeader{font-size:38px;line-height:1.1;margin:0 0 16px;letter-spacing:-.01em;text-align:center;color:#1a1a1a}
.ContactHub .formSubtext{font-size:17px;line-height:1.75;margin:0 0 40px;text-align:center;color:#333}
.ContactHub .contactForm{background:#FFF;padding:40px;border-radius:20px;box-shadow:0 5px 14px 1px #e0561c14}
.ContactHub .fieldGroupBox{margin:0 0 16px}
.ContactHub .fieldLabel{display:block;font-size:17px;line-height:1.75;margin:0 0 8px;color:#1a1a1a;font-weight:600}
.ContactHub .textInput,.ContactHub .emailInput,.ContactHub .messageArea{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:12px;font-size:17px;line-height:1.75;color:#1a1a1a;transition:border-color .14s cubic-bezier(0.4,0,1,1),box-shadow .14s cubic-bezier(0.4,0,1,1)}
.ContactHub .textInput::placeholder,.ContactHub .emailInput::placeholder,.ContactHub .messageArea::placeholder{color:#999}
.ContactHub .textInput:focus,.ContactHub .emailInput:focus,.ContactHub .messageArea:focus{outline:none;border-color:#286742;box-shadow:0 0 0 4px #2867421a}
.ContactHub .messageArea{min-height:140px;resize:vertical}
.ContactHub .nameRowBox{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ContactHub .topicSelectorBox{margin:0 0 16px}
.ContactHub .topicLabel{display:block;font-size:17px;line-height:1.75;margin:0 0 8px;color:#1a1a1a;font-weight:600}
.ContactHub .radioOptionsBox{display:flex;gap:16px;flex-wrap:wrap}
.ContactHub .radioOption{position:relative}
.ContactHub .radioInput{position:absolute;opacity:0;pointer-events:none}
.ContactHub .radioLabel{display:inline-block;padding:16px 40px;background:#f8f8f8;border:2px solid #e0e0e0;border-radius:12px;font-size:17px;line-height:1.75;color:#1a1a1a;cursor:pointer;transition:all .16s cubic-bezier(0.4,0,1,1)}
.ContactHub .radioInput:checked + .radioLabel{background:#286742;border-color:#286742;color:#FFF}
.ContactHub .radioLabel:hover{border-color:#286742}
.ContactHub .conditionalFieldBox{max-height:0;overflow:hidden;transition:max-height .18s cubic-bezier(0.4,0,1,1),margin .18s cubic-bezier(0.4,0,1,1)}
.ContactHub .radioInput:checked ~ .conditionalFieldBox{max-height:200px;margin-top:16px}
.ContactHub .checklistBox{background:#fafafa;padding:40px;border-radius:12px;margin:0 0 16px}
.ContactHub .checklistHeading{font-size:21px;line-height:1.1;margin:0 0 16px;color:#1a1a1a}
.ContactHub .checklistItems{list-style:none;padding:0;margin:0}
.ContactHub .checklistItems li{font-size:17px;line-height:1.75;margin:0 0 8px;padding-left:40px;position:relative;color:#333}
.ContactHub .checklistItems li::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:transparent;border:2px solid #286742;border-radius:8px}
.ContactHub .checklistItems li::after{content:'';position:absolute;left:6px;top:10px;width:6px;height:12px;border:solid #286742;border-width:0 3px 3px 0;transform:rotate(45deg)}
.ContactHub .privacyCheckBox{margin:16px 0 0;display:flex;align-items:start;gap:16px}
.ContactHub .privacyCheckInput{width:20px;height:20px;margin:4px 0 0;cursor:pointer;flex-shrink:0}
.ContactHub .privacyText{font-size:17px;line-height:1.75;margin:0;color:#333}
.ContactHub .privacyText a{color:#E0561C;text-decoration:none;transition:color .12s cubic-bezier(0.4,0,1,1)}
.ContactHub .privacyText a:hover{color:#286742;text-decoration:underline}
.ContactHub .submitBtn{width:100%;padding:16px 40px;background:#E0561C;color:#FFF;border:none;border-radius:12px;font-size:17px;line-height:1.75;font-weight:600;cursor:pointer;margin:40px 0 0;position:relative;overflow:hidden;transition:transform .12s cubic-bezier(0.4,0,1,1)}
.ContactHub .submitBtn::before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:#286742;transition:height .16s cubic-bezier(0.4,0,1,1);z-index:0}
.ContactHub .submitBtn:hover::before{height:100%}
.ContactHub .submitBtn span{position:relative;z-index:1}
.ContactHub .submitBtn:hover{transform:translateY(-2px)}
.ContactHub .submitBtn:active{transform:translateY(0)}
@media (max-width: 1024px) {
.ContactHub .bentoGrid{grid-template-columns:1fr;gap:40px}
.ContactHub .imageCellBox{min-height:360px}
.ContactHub .nameRowBox{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.ContactHub .topPanelBox{padding:40px 16px}
.ContactHub .textCellBox{padding:40px 16px}
.ContactHub .mainHeading{font-size:38px}
.ContactHub .formHeader{font-size:38px}
.ContactHub .formAreaBox{padding:40px 16px}
.ContactHub .contactForm{padding:40px 16px}
.ContactHub .radioOptionsBox{flex-direction:column}
.ContactHub .radioLabel{display:block;text-align:center}
.ContactHub .imageCellBox{padding:40px 16px;min-height:280px}
.ContactHub .visualPlaceholder{width:140px;height:140px}
}
@media (max-width: 360px) {
.ContactHub .mainHeading{font-size:38px}
.ContactHub .formHeader{font-size:38px}
}
.JournalPage{background:#FFF;min-height:100vh;padding:0;margin:0}
.JournalPage .HeadoBox{max-width:1600px;margin:0 auto;padding:80px 40px;display:grid;grid-template-columns:1fr 3fr;gap:40px;position:relative;overflow:hidden}
.JournalPage .HeadoBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(135deg,#FFF 0%,#E0561C 100%);z-index:0}
.JournalPage .HeadoBox::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(135deg,#286742 0%,#FFF 100%);z-index:0}
.JournalPage .ImgCellBox{position:relative;z-index:1;border-radius:32px;overflow:hidden;height:400px}
.JournalPage .ImgCellBox img{width:100%;height:100%;object-fit:cover;filter:blur(8px);transition:filter .16s cubic-bezier(0.4,0,1,1)}
.JournalPage .ImgCellBox:hover img{filter:blur(0)}
.JournalPage .TextCellBox{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:16px}
.JournalPage .TextCellBox h1{font-size:50px;line-height:1.1;color:#000;margin:0;letter-spacing:-.02em}
.JournalPage .TextCellBox p{font-size:17px;line-height:1.75;color:#333;margin:0;max-width:600px}
.JournalPage .ShapeDecor{position:absolute;width:120px;height:120px;background:#E0561C;opacity:.15;border-radius:48px;top:40px;right:40px;z-index:0;transform:rotate(15deg)}
.JournalPage .ShapeDecorTwo{position:absolute;width:80px;height:80px;background:#286742;opacity:.12;border-radius:20px;bottom:40px;left:120px;z-index:0;transform:rotate(-10deg)}
.JournalPage .DividerWrap{text-align:center;padding:40px 0;max-width:1600px;margin:0 auto}
.JournalPage .MonogramLetter{font-size:50px;line-height:1.1;color:#E0561C;font-weight:700;letter-spacing:-.03em}
.JournalPage .ArticleSection{max-width:1600px;margin:0 auto 0 80px;padding:80px 40px;background:#F8F8F8;border-radius:32px;position:relative}
.JournalPage .ArticleSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,transparent calc(25% - 1px),#e0561c1a calc(25% - 1px),#e0561c1a 25%,transparent 25%,transparent calc(50% - 1px),#e0561c1a calc(50% - 1px),#e0561c1a 50%,transparent 50%,transparent calc(75% - 1px),#e0561c1a calc(75% - 1px),#e0561c1a 75%,transparent 75%,transparent 100%);animation:GridPulse 4s ease-out infinite;pointer-events:none;z-index:0}
@keyframes GridPulse {
0%,100%{opacity:.3}
50%{opacity:1}
}
.JournalPage .ArticleContent{position:relative;z-index:1;display:grid;grid-template-columns:1fr 3fr;gap:40px}
.JournalPage .ArticleMeta{display:flex;flex-direction:column;gap:16px}
.JournalPage .MetaItem{display:flex;flex-direction:column;gap:4px}
.JournalPage .MetaLabel{font-size:13px;line-height:1.75;color:#666;text-transform:uppercase;letter-spacing:.05em}
.JournalPage .MetaValue{font-size:17px;line-height:1.75;color:#000;font-weight:700}
.JournalPage .ArticleBody{display:flex;flex-direction:column;gap:40px}
.JournalPage .ArticleBody h2{font-size:38px;line-height:1.1;color:#000;margin:0;letter-spacing:-.01em}
.JournalPage .ArticleBody h3{font-size:21px;line-height:1.1;color:#E0561C;margin:0;font-weight:700;letter-spacing:0}
.JournalPage .ArticleBody p{font-size:17px;line-height:1.75;color:#333;margin:0;max-width:700px}
.JournalPage .ArticleBody ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.JournalPage .ArticleBody li{font-size:17px;line-height:1.75;color:#333;padding-left:40px;position:relative}
.JournalPage .ArticleBody li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:#286742;border-radius:50%}
.JournalPage .ArticleBody li:nth-child(2n)::before{background:#E0561C}
.JournalPage .MetricsSection{max-width:1600px;margin:0 auto 0 160px;padding:80px 40px;background:linear-gradient(180deg,#286742 0%,#FFF 100%);border-radius:20px}
.JournalPage .MetricsGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.JournalPage .MetricBox{background:#FFF;padding:40px;border-radius:20px;box-shadow:0 5px 14px 1px #28674214;transition:transform .14s cubic-bezier(0.4,0,1,1),box-shadow .14s cubic-bezier(0.4,0,1,1);position:relative;overflow:hidden}
.JournalPage .MetricBox::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background:#E0561C;transition:height .16s cubic-bezier(0.4,0,1,1);z-index:0}
.JournalPage .MetricBox:hover::before{height:8px}
.JournalPage .MetricBox:hover{transform:translateY(-4px);box-shadow:0 12px 40px 1px #2867421a}
.JournalPage .MetricNum{font-size:50px;line-height:1.1;color:#E0561C;margin:0 0 8px;letter-spacing:-.03em;position:relative;z-index:1}
.JournalPage .MetricUnit{font-size:21px;vertical-align:super;color:#286742!important}
.JournalPage .MetricLabel{font-size:17px;line-height:1.75;color:#000;margin:0;position:relative;z-index:1}
@media (max-width: 1024px) {
.JournalPage .HeadoBox{grid-template-columns:1fr;padding:40px}
.JournalPage .ImgCellBox{height:300px}
.JournalPage .ArticleContent{grid-template-columns:1fr}
.JournalPage .MetricsGrid{grid-template-columns:1fr}
.JournalPage .ArticleSection{margin:0 auto}
.JournalPage .MetricsSection{margin:0 auto}
}
@media (max-width: 768px) {
.JournalPage .HeadoBox{padding:40px 16px}
.JournalPage .TextCellBox h1{font-size:38px}
.JournalPage .ArticleSection{padding:40px 16px}
.JournalPage .MetricsSection{padding:40px 16px}
.JournalPage .ArticleBody h2{font-size:21px}
.JournalPage .MetricNum{font-size:38px}
}
.ServicesPageWrapper{background:#FFF;color:#212121;overflow-x:hidden}
.ServicesPageWrapper .HeroBox{background:linear-gradient(135deg,#F5F5F5 0%,#E8E8E8 100%);padding:80px 16px 120px;position:relative;overflow:hidden}
.ServicesPageWrapper .HeroBox::before{content:'';position:absolute;top:0;right:0;width:420px;height:420px;background:radial-gradient(circle at center,#e0561c14,transparent 70%);animation:pulseGlow 4s cubic-bezier(0.4,0,0.6,1) infinite;pointer-events:none}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.15);opacity:.7}
}
.ServicesPageWrapper .HeroInner{max-width:1600px;margin:0 auto}
.ServicesPageWrapper .HeroTitle{font-size:50px;line-height:1.1;letter-spacing:-.02em;margin:0 0 16px;max-width:820px}
.ServicesPageWrapper .HeroTitle .AccentPhrase{color:#E0561C;font-weight:700}
.ServicesPageWrapper .HeroText{font-size:21px;line-height:1.75;letter-spacing:.01em;margin:0;max-width:680px;color:#424242}
.ServicesPageWrapper .GridSection{padding:80px 16px;background:#FAFAFA}
.ServicesPageWrapper .GridInner{max-width:1600px;margin:0 auto}
.ServicesPageWrapper .GridHeader{margin:0 0 40px}
.ServicesPageWrapper .GridHeaderTitle{font-size:38px;line-height:1.1;letter-spacing:-.01em;margin:0 0 8px}
.ServicesPageWrapper .GridHeaderSubtext{font-size:17px;line-height:1.75;letter-spacing:.015em;margin:0;color:#616161}
.ServicesPageWrapper .ServiceGrid{display:grid;grid-template-columns:1fr;gap:40px}
@media (min-width: 768px) {
.ServicesPageWrapper .ServiceGrid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1024px) {
.ServicesPageWrapper .ServiceGrid{grid-template-columns:repeat(3,1fr)}
}
.ServicesPageWrapper .ServiceCard{background:#FFF;border-radius:20px;overflow:hidden;box-shadow:0 5px 14px 1px #e0561c14;transition:box-shadow .15s cubic-bezier(0.4,0,1,1),transform .15s cubic-bezier(0.4,0,1,1);position:relative}
.ServicesPageWrapper .ServiceCard:hover{box-shadow:0 12px 40px 1px #e0561c1a;transform:translateY(-4px)}
.ServicesPageWrapper .CardImageBox{width:100%;height:220px;position:relative;overflow:hidden}
.ServicesPageWrapper .CardImage{width:100%;height:100%;object-fit:cover}
.ServicesPageWrapper .CardTagRow{position:absolute;top:16px;left:16px;right:16px;display:flex;gap:8px;flex-wrap:wrap}
.ServicesPageWrapper .CardTag{background:#E0561C;color:#FFF;font-size:13px;line-height:1.1;letter-spacing:.02em;padding:4px 8px;border-radius:8px;font-weight:700}
.ServicesPageWrapper .CardUserTag{background:#286742;color:#FFF;font-size:13px;line-height:1.1;letter-spacing:.02em;padding:4px 8px;border-radius:8px}
.ServicesPageWrapper .CardContent{padding:16px}
.ServicesPageWrapper .CardTitle{font-size:21px;line-height:1.1;letter-spacing:-.005em;margin:0 0 8px;font-weight:700}
.ServicesPageWrapper .CardTitle a{color:#212121;text-decoration:none!important;transition:color .12s cubic-bezier(0.4,0,1,1)}
.ServicesPageWrapper .CardTitle a:hover{color:#E0561C}
.ServicesPageWrapper .CardDescription{font-size:17px;line-height:1.75;letter-spacing:.01em;margin:0 0 16px;color:#616161}
.ServicesPageWrapper .CardMetaRow{display:flex;gap:16px;margin:0 0 16px;flex-wrap:wrap}
.ServicesPageWrapper .MetaItem{font-size:13px;line-height:1.1;letter-spacing:.015em;color:#757575;display:flex;align-items:center;gap:4px}
.ServicesPageWrapper .MetaIcon{width:16px;height:16px;fill:#757575}
.ServicesPageWrapper .CardPriceBox{display:flex;justify-content:space-between;align-items:flex-end;padding:16px 0 0;border-top:1px solid #E0E0E0;gap:16px}
.ServicesPageWrapper .PriceLeft{flex:1}
.ServicesPageWrapper .CardPrice{font-size:38px;line-height:1.1;letter-spacing:-.01em;margin:0 0 4px;font-weight:700;color:#E0561C}
.ServicesPageWrapper .CardPriceDesc{font-size:13px;line-height:1.1;letter-spacing:.01em;margin:0 0 4px;color:#616161}
.ServicesPageWrapper .CardPriceNote{font-size:13px;line-height:1.1;letter-spacing:.01em;margin:0;color:#757575;font-style:italic}
.ServicesPageWrapper .PriceRight{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ServicesPageWrapper .CardDuration{font-size:13px;line-height:1.1;letter-spacing:.01em;color:#424242}
.ServicesPageWrapper .CardSeats{font-size:13px;line-height:1.1;letter-spacing:.01em;color:#E0561C;font-weight:700}
.ServicesPageWrapper .CardLikeBox{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:4px;background:#fffffff2;padding:4px 8px;border-radius:12px;box-shadow:0 3px 4px 1px #2867420f}
.ServicesPageWrapper .LikeIcon{width:16px;height:16px;fill:#E0561C}
.ServicesPageWrapper .LikeCount{font-size:13px;line-height:1.1;letter-spacing:.01em;color:#212121;font-weight:700}
.ServicesPageWrapper .ProcessSection{padding:80px 16px;background:linear-gradient(180deg,#FFF 0%,#286742 100%);position:relative;overflow:hidden}
.ServicesPageWrapper .ProcessSection::before{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:100%;height:100%;background:radial-gradient(ellipse at center top,#e0561c1f,transparent 65%);pointer-events:none}
.ServicesPageWrapper .ProcessInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px;align-items:center;position:relative;z-index:1}
@media (min-width: 1024px) {
.ServicesPageWrapper .ProcessInner{grid-template-columns:1fr 3fr}
}
.ServicesPageWrapper .ProcessImageBox{width:100%;max-width:460px;margin:0 auto}
.ServicesPageWrapper .ProcessImage{width:100%;height:auto;border-radius:32px;box-shadow:0 12px 40px 1px #2867421a;display:block}
.ServicesPageWrapper .ProcessContent{color:#FFF}
.ServicesPageWrapper .ProcessTitle{font-size:38px;line-height:1.1;letter-spacing:-.01em;margin:0 0 16px;font-weight:700}
.ServicesPageWrapper .ProcessText{font-size:17px;line-height:1.75;letter-spacing:.015em;margin:0 0 16px}
.ServicesPageWrapper .ProcessSteps{display:flex;flex-direction:column;gap:16px;margin:40px 0 0}
.ServicesPageWrapper .ProcessStep{background:#ffffff26;padding:16px;border-radius:12px;border-left:4px solid #E0561C}
.ServicesPageWrapper .StepNumber{font-size:13px;line-height:1.1;letter-spacing:.05em;margin:0 0 8px;color:#E0561C;font-weight:700;text-transform:uppercase}
.ServicesPageWrapper .StepTitle{font-size:21px;line-height:1.1;letter-spacing:-.005em;margin:0 0 8px;font-weight:700}
.ServicesPageWrapper .StepText{font-size:17px;line-height:1.75;letter-spacing:.01em;margin:0;color:#ffffffe6}
.ServicesPageWrapper .GuideSection{padding:80px 16px;background:#FFF}
.ServicesPageWrapper .GuideInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:80px;align-items:start}
@media (min-width: 1024px) {
.ServicesPageWrapper .GuideInner{grid-template-columns:3fr 1fr}
}
.ServicesPageWrapper .GuideContent{max-width:900px}
.ServicesPageWrapper .GuideTitle{font-size:38px;line-height:1.1;letter-spacing:-.01em;margin:0 0 40px;font-weight:700}
.ServicesPageWrapper .CodeExample{background:#F5F5F5;border-radius:12px;padding:16px;margin:0 0 40px;border-left:4px solid #286742;overflow-x:auto}
.ServicesPageWrapper .CodeTitle{font-size:13px;line-height:1.1;letter-spacing:.05em;margin:0 0 8px;color:#286742;font-weight:700;text-transform:uppercase}
.ServicesPageWrapper .CodeBlock{font-family:'Courier New',monospace;font-size:13px;line-height:1.75;letter-spacing:0;margin:0;color:#212121;white-space:pre}
.ServicesPageWrapper .GuideParagraph{font-size:17px;line-height:1.75;letter-spacing:.015em;margin:0 0 16px;color:#424242}
.ServicesPageWrapper .GuideSubheading{font-size:21px;line-height:1.1;letter-spacing:-.005em;margin:40px 0 16px;font-weight:700;color:#E0561C}
.ServicesPageWrapper .GuideSidebar{position:sticky;top:16px}
.ServicesPageWrapper .SidebarBox{background:linear-gradient(135deg,#F5F5F5 0%,#E8E8E8 100%);padding:16px;border-radius:20px;margin:0 0 16px}
.ServicesPageWrapper .SidebarTitle{font-size:17px;line-height:1.1;letter-spacing:0;margin:0 0 16px;font-weight:700}
.ServicesPageWrapper .SidebarList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ServicesPageWrapper .SidebarList li{font-size:13px;line-height:1.75;letter-spacing:.01em;color:#616161;padding-left:16px;position:relative}
.ServicesPageWrapper .SidebarList li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#E0561C;border-radius:48px}
.ServicesPageWrapper .TestimonialSection{padding:80px 16px 120px;background:#FAFAFA;position:relative}
.ServicesPageWrapper .TestimonialSection::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:radial-gradient(ellipse at center bottom,#FFF,#FAFAFA);clip-path:ellipse(100% 100% at 50% 100%)}
.ServicesPageWrapper .TestimonialInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px}
@media (min-width: 768px) {
.ServicesPageWrapper .TestimonialInner{grid-template-columns:repeat(2,1fr)}
}
.ServicesPageWrapper .TestimonialCard{background:#FFF;border-radius:20px;padding:16px;box-shadow:0 5px 14px 1px #28674214;display:flex;flex-direction:column;gap:16px}
.ServicesPageWrapper .TestimonialTop{display:flex;gap:16px;align-items:center}
.ServicesPageWrapper .TestimonialImageBox{width:80px;height:120px;border-radius:32px;overflow:hidden;flex-shrink:0}
.ServicesPageWrapper .TestimonialImage{width:100%;height:100%;object-fit:cover;object-position:top}
.ServicesPageWrapper .TestimonialInfo{flex:1}
.ServicesPageWrapper .TestimonialName{font-size:21px;line-height:1.1;letter-spacing:-.005em;margin:0 0 4px;font-weight:700}
.ServicesPageWrapper .TestimonialRole{font-size:13px;line-height:1.1;letter-spacing:.015em;margin:0;color:#757575}
.ServicesPageWrapper .TestimonialText{font-size:17px;line-height:1.75;letter-spacing:.015em;margin:0;color:#424242;font-style:italic}
.OnPageHome{background:#FFF;color:#1a1a1a;overflow-x:clip}
.OnPageHome .HeadBox{position:relative;background:linear-gradient(180deg,#E0561C 0%,#e0561c00 100%);padding:80px 16px;overflow:hidden;border-bottom:1px solid #28674226}
.OnPageHome .HeadBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,#28674208 0px,transparent 1px,transparent 8px,#28674208 9px),repeating-linear-gradient(90deg,#28674208 0px,transparent 1px,transparent 8px,#28674208 9px);background-size:16px 16px;pointer-events:none}
.OnPageHome .HeadInner{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.OnPageHome .HeadContent{display:grid;grid-template-columns:1fr 3fr;gap:40px;align-items:center}
.OnPageHome .HeadImageWrap{position:relative}
.OnPageHome .HeadImageWrap::after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:#28674240}
.OnPageHome .HeadImageWrap img{width:100%;height:auto;display:block;border-radius:12px;filter:sepia(0.15) saturate(1.1) hue-rotate(-5deg)}
.OnPageHome .HeadText{max-width:720px}
.OnPageHome .HeadText h1{font-size:50px;line-height:1.1;letter-spacing:-.02em;margin:0 0 16px;color:#1a1a1a}
.OnPageHome .HeadText p{font-size:21px;line-height:1.75;letter-spacing:.01em;margin:0 0 16px;color:#2a2a2a}
.OnPageHome .HeadText p:last-of-type{margin-bottom:0}
@keyframes clipReveal {
from{clip-path:inset(0 0 100% 0)}
to{clip-path:inset(0 0 0 0)}
}
.OnPageHome .HeadBox{animation:clipReveal .14s cubic-bezier(0.4,0,1,1) both}
.OnPageHome .ServicesBox{padding:80px 16px;background:#FFF;position:relative}
.OnPageHome .ServicesBox::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#2867421f}
.OnPageHome .ServicesInner{max-width:1600px;margin:0 auto}
.OnPageHome .ServicesTitle{text-align:center;margin-bottom:40px}
.OnPageHome .ServicesTitle h2{font-size:38px;line-height:1.1;letter-spacing:-.01em;margin:0 0 16px;color:#1a1a1a}
.OnPageHome .ServicesTitle p{font-size:17px;line-height:1.75;letter-spacing:.005em;margin:0;color:#4a4a4a}
.OnPageHome .ServicesGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.OnPageHome .ServiceCard{background:#FFF;border-radius:12px;box-shadow:0 5px 14px 1px #e0561c14;overflow:hidden;transition:transform .14s cubic-bezier(0.4,0,1,1),box-shadow .14s cubic-bezier(0.4,0,1,1)}
.OnPageHome .ServiceCard:hover{transform:translateY(-4px);box-shadow:0 12px 40px 1px #e0561c1a}
.OnPageHome .ServiceCard img{width:100%;height:280px;object-fit:cover;display:block}
.OnPageHome .ServiceCardContent{padding:40px}
.OnPageHome .ServiceCardContent h3{font-size:21px;line-height:1.1;letter-spacing:-.005em;margin:0 0 16px;color:#1a1a1a}
.OnPageHome .ServiceCardContent p{font-size:17px;line-height:1.75;letter-spacing:.005em;margin:0;color:#4a4a4a}
.OnPageHome .FeaturesBox{padding:80px 16px;background:linear-gradient(180deg,#f8f8f8 0%,#FFF 100%);position:relative}
.OnPageHome .FeaturesInner{max-width:1600px;margin:0 auto}
.OnPageHome .FeaturesLayout{display:grid;grid-template-columns:2fr 3fr;gap:40px;align-items:start}
.OnPageHome .FeaturesList{display:flex;flex-direction:column;gap:40px}
.OnPageHome .FeatureItem{background:#FFF;border-radius:20px;padding:40px;box-shadow:0 3px 4px 1px #2867420f;position:relative}
.OnPageHome .FeatureItem::before{content:'';position:absolute;left:0;top:40px;bottom:40px;width:8px;background:#E0561C;border-radius:0 8px 8px 0}
.OnPageHome .FeatureItem h3{font-size:21px;line-height:1.1;letter-spacing:-.005em;margin:0 0 8px;padding-left:16px;color:#1a1a1a}
.OnPageHome .FeatureItem p{font-size:17px;line-height:1.75;letter-spacing:.005em;margin:0;padding-left:16px;color:#4a4a4a}
.OnPageHome .FeaturesImage{position:sticky;top:80px}
.OnPageHome .FeaturesImage img{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 12px 40px 1px #2867421a}
.OnPageHome .TeamBox{padding:80px 16px;background:#FFF;border-top:1px solid #e0561c1f}
.OnPageHome .TeamInner{max-width:1600px;margin:0 auto}
.OnPageHome .TeamTitle{margin-bottom:40px}
.OnPageHome .TeamTitle h2{font-size:38px;line-height:1.1;letter-spacing:-.01em;margin:0 0 16px;color:#1a1a1a}
.OnPageHome .TeamTitle p{font-size:17px;line-height:1.75;letter-spacing:.005em;margin:0;color:#4a4a4a;max-width:840px}
.OnPageHome .TeamGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.OnPageHome .TeamMember{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;background:#f8f8f8;border-radius:32px;padding:40px;transition:background .16s cubic-bezier(0.4,0,1,1);position:relative;overflow:hidden}
.OnPageHome .TeamMember::before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(0deg,#286742,#E0561C);transition:height .18s ease-out;z-index:1}
.OnPageHome .TeamMember:hover::before{height:100%}
.OnPageHome .TeamMember:hover{background:#f0f0f0}
.OnPageHome .TeamPortrait{width:140px;height:140px;border-radius:50%;overflow:hidden;box-shadow:0 5px 14px 1px #e0561c14;position:relative;z-index:2}
.OnPageHome .TeamPortrait img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.OnPageHome .TeamInfo{position:relative;z-index:2}
.OnPageHome .TeamInfo h4{font-size:21px;line-height:1.1;letter-spacing:-.005em;margin:0 0 8px;color:#1a1a1a}
.OnPageHome .TeamInfo .TeamRole{font-size:17px;line-height:1.75;letter-spacing:.005em;margin:0 0 16px;color:#286742;font-weight:600}
.OnPageHome .TeamInfo p{font-size:17px;line-height:1.75;letter-spacing:.005em;margin:0;color:#4a4a4a}
.OnPageHome .ProcessBox{padding:80px 16px;background:linear-gradient(180deg,#FFF 0%,#f0f0f0 100%);position:relative}
.OnPageHome .ProcessBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,#28674205 1px,transparent 1px),linear-gradient(0deg,#28674205 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.OnPageHome .ProcessBox::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,#e0561c0a 0%,transparent 40%),radial-gradient(circle at 80% 70%,#2867420a 0%,transparent 40%);pointer-events:none}
.OnPageHome .ProcessInner{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.OnPageHome .ProcessTitle{text-align:center;margin-bottom:40px}
.OnPageHome .ProcessTitle h2{font-size:38px;line-height:1.1;letter-spacing:-.01em;margin:0 0 16px;color:#1a1a1a}
.OnPageHome .ProcessSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.OnPageHome .ProcessStep{background:#FFF;border-radius:12px;padding:40px 16px;text-align:center;box-shadow:0 3px 4px 1px #e0561c0f;position:relative;transition:transform .12s cubic-bezier(0.4,0,1,1)}
.OnPageHome .ProcessStep:hover{transform:translateY(-8px)}
.OnPageHome .ProcessStep::before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#E0561C,#286742);border-radius:12px 12px 0 0}
.OnPageHome .ProcessNumber{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#E0561C,#286742);color:#FFF;font-size:38px;line-height:1.1;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:inset 0 6px 8px #00000026}
.OnPageHome .ProcessStep h4{font-size:17px;line-height:1.1;letter-spacing:-.005em;margin:0 0 8px;color:#1a1a1a}
.OnPageHome .ProcessStep p{font-size:13px;line-height:1.75;letter-spacing:.005em;margin:0;color:#4a4a4a}
@media (max-width: 1024px) {
.OnPageHome .HeadContent{grid-template-columns:1fr;gap:40px}
.OnPageHome .HeadImageWrap::after{display:none}
.OnPageHome .ServicesGrid{grid-template-columns:1fr}
.OnPageHome .FeaturesLayout{grid-template-columns:1fr}
.OnPageHome .FeaturesImage{position:static}
.OnPageHome .TeamGrid{grid-template-columns:1fr}
.OnPageHome .ProcessSteps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.OnPageHome .HeadBox{padding:40px 16px}
.OnPageHome .HeadText h1{font-size:38px}
.OnPageHome .HeadText p{font-size:17px}
.OnPageHome .ServicesBox,.OnPageHome .FeaturesBox,.OnPageHome .TeamBox,.OnPageHome .ProcessBox{padding:40px 16px}
.OnPageHome .ServicesTitle h2,.OnPageHome .TeamTitle h2,.OnPageHome .ProcessTitle h2{font-size:21px}
.OnPageHome .ServiceCardContent,.OnPageHome .FeatureItem,.OnPageHome .TeamMember{padding:16px}
.OnPageHome .TeamMember{grid-template-columns:1fr;text-align:center}
.OnPageHome .TeamPortrait{margin:0 auto}
.OnPageHome .ProcessSteps{grid-template-columns:1fr}
}
@media (max-width: 360px) {
.OnPageHome .HeadText h1{font-size:21px}
.OnPageHome .ProcessNumber{width:48px;height:48px;font-size:21px}
}
.learnProgView{background:#FFF;max-width:1600px;margin:0 auto}
.learnProgView .HeadBlock{position:relative;background:linear-gradient(to bottom,#E0561C 0%,#e0561cd9 40%,#e0561c00 100%);padding:80px 40px;overflow:hidden}
.HeadBlock .depthChar{position:absolute;top:-40px;right:80px;font-size:380px;font-weight:700;color:#ffffff14;line-height:1;pointer-events:none;z-index:1}
.HeadBlock .innerWrap{position:relative;z-index:2;max-width:900px;margin:0 auto}
.HeadBlock .mainTitle{font-size:50px;line-height:1.1;color:#FFF;margin:0 0 40px;letter-spacing:-.02em}
.HeadBlock .heroVisual{width:100%;height:420px;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px 1px #e0561c1a}
.heroVisual .primaryImg{width:100%;height:100%;object-fit:cover;filter:sepia(0.3) saturate(1.1) contrast(1.05)}
.learnProgView .pathwayBox{padding:80px 40px;background:linear-gradient(135deg,#2867420a 0%,#e0561c08 100%)}
.pathwayBox .ContentArea{max-width:1200px;margin:0 auto}
.pathwayBox .secHeader{font-size:38px;line-height:1.1;color:#286742;margin:0 0 16px;letter-spacing:-.01em}
.pathwayBox .leadText{font-size:17px;line-height:1.75;color:#333;margin:0 0 40px;max-width:720px}
.pathwayBox .stageGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.stageGrid .stageCard{background:#FFF;border-radius:12px;padding:40px;box-shadow:0 5px 14px 1px #28674214;border-top:4px solid #286742;transition:transform .15s cubic-bezier(0.4,0,1,1),box-shadow .15s cubic-bezier(0.4,0,1,1)}
.stageCard:hover{transform:translateY(-4px);box-shadow:0 12px 40px 1px #2867421a}
.stageCard .stageNum{display:inline-block;font-size:13px;line-height:1.1;color:#FFF;background:#E0561C;padding:8px 16px;border-radius:32px;margin:0 0 16px;font-weight:700;letter-spacing:.05em}
.stageCard .stageTitle{font-size:21px;line-height:1.1;color:#286742;margin:0 0 16px;font-weight:700}
.stageCard .stageDesc{font-size:17px;line-height:1.75;color:#555;margin:0}
.learnProgView .instructorSection{padding:80px 40px;background:#FFF;position:relative}
.instructorSection::before{content:'';position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,#28674205 0%,#fff0 100%);pointer-events:none}
.instructorSection .wrapArea{max-width:1200px;margin:0 auto;position:relative}
.instructorSection .topRow{display:grid;grid-template-columns:1fr 3fr;gap:80px;margin:0 0 80px}
.topRow .leftNote{position:sticky;top:40px;align-self:start}
.leftNote .noteHeader{font-size:21px;line-height:1.1;color:#E0561C;margin:0 0 16px;font-weight:700}
.leftNote .notePara{font-size:17px;line-height:1.75;color:#666;margin:0}
.topRow .mainFlow{display:flex;flex-direction:column;gap:40px}
.mainFlow .contentCard{background:#FAFAFA;padding:40px;border-radius:12px;border-left:8px solid #286742}
.contentCard .cardHead{font-size:21px;line-height:1.1;color:#286742;margin:0 0 16px;font-weight:700}
.contentCard .cardBody{font-size:17px;line-height:1.75;color:#444;margin:0}
.instructorSection .teamRow{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.teamRow .profCard{text-align:center}
.profCard .avatarBox{width:160px;height:160px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:4px solid #E0561C}
.avatarBox .profImg{width:100%;height:100%;object-fit:cover;object-position:top}
.profCard .profName{font-size:21px;line-height:1.1;color:#286742;margin:0 0 8px;font-weight:700}
.profCard .profRole{font-size:17px;line-height:1.75;color:#666;margin:0}
.learnProgView .deliveryBox{padding:80px 40px;background:linear-gradient(135deg,#e0561c08 0%,#2867420a 100%);position:relative}
.deliveryBox .container{max-width:1000px;margin:0 auto}
.deliveryBox .titleText{font-size:38px;line-height:1.1;color:#E0561C;margin:0 0 40px;text-align:center;letter-spacing:-.01em}
.deliveryBox .optionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin:0 0 40px}
.optionGrid .optionItem{position:relative;cursor:pointer}
.optionItem .checkTrigger{display:none}
.optionItem .optionFace{background:#FFF;border:3px solid #DDD;border-radius:20px;padding:40px;transition:border-color .12s cubic-bezier(0.4,0,1,1),transform .12s cubic-bezier(0.4,0,1,1),box-shadow .12s cubic-bezier(0.4,0,1,1);position:relative;overflow:hidden}
.optionFace::before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:#286742;transition:height .18s ease-out;z-index:1}
.checkTrigger:checked + .optionFace{border-color:#286742;transform:translateY(-4px);box-shadow:0 12px 40px 1px #2867421a}
.checkTrigger:checked + .optionFace::before{height:8px}
.optionFace .optionTitle{font-size:21px;line-height:1.1;color:#286742;margin:0 0 16px;font-weight:700;position:relative;z-index:2}
.optionFace .optionDetail{font-size:17px;line-height:1.75;color:#555;margin:0;position:relative;z-index:2}
.deliveryBox .summaryText{font-size:17px;line-height:1.75;color:#444;text-align:center;margin:0;max-width:680px;margin:0 auto}
@media (max-width: 1024px) {
.HeadBlock .depthChar{font-size:280px;right:40px}
.pathwayBox .stageGrid{grid-template-columns:1fr}
.instructorSection .topRow{grid-template-columns:1fr;gap:40px}
.leftNote{position:static!important}
.instructorSection .teamRow{grid-template-columns:repeat(2,1fr)}
.deliveryBox .optionGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.HeadBlock{padding:40px 16px}
.HeadBlock .depthChar{font-size:180px;right:16px}
.HeadBlock .mainTitle{font-size:38px}
.HeadBlock .heroVisual{height:300px}
.pathwayBox{padding:40px 16px}
.pathwayBox .secHeader{font-size:21px}
.stageGrid .stageCard{padding:16px}
.instructorSection{padding:40px 16px}
.instructorSection .teamRow{grid-template-columns:1fr}
.deliveryBox{padding:40px 16px}
.deliveryBox .titleText{font-size:21px}
}
@media (max-width: 360px) {
.HeadBlock .mainTitle{font-size:21px}
.HeadBlock .depthChar{font-size:120px}
}
.successRoute{background:linear-gradient(180deg,#FFF 0%,#286742 100%,#E0561C 100%);min-height:100vh;padding:80px 16px;display:flex;align-items:center;justify-content:center}
.successRoute .confirmBox{max-width:680px;width:100%;background:#FFF;border-radius:20px;padding:40px;box-shadow:0 12px 40px 1px #e0561c1a}
.successRoute .iconHolder{text-align:center;margin:0 0 40px}
.successRoute .iconHolder svg{width:96px;height:96px}
.successRoute .iconHolder circle{fill:#286742;animation:scaleGrow .45s cubic-bezier(0.34,1.56,0.64,1) forwards;transform-origin:center}
.successRoute .iconHolder polyline{stroke:#FFF;stroke-width:6;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:drawCheck .35s ease-out .25s forwards}
@keyframes scaleGrow {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.successRoute .headingPrimary{font-size:38px;line-height:1.1;letter-spacing:-.02em;color:#286742;text-align:center;margin:0 0 16px;font-weight:700}
.successRoute .messagePara{font-size:17px;line-height:1.75;color:#1a1a1a;text-align:center;margin:0 0 40px}
.successRoute .detailsSection{background:#f8f9fa;border-radius:12px;padding:16px;margin:0 0 40px}
.successRoute .detailsSection .rowItem{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}
.successRoute .detailsSection .rowItem:last-child{border-bottom:none}
.successRoute .detailsSection .labelText{font-size:13px;line-height:1.75;color:#6b7280;letter-spacing:.01em}
.successRoute .detailsSection .valueText{font-size:13px;line-height:1.75;color:#1a1a1a;font-weight:600;letter-spacing:.01em}
.successRoute .actionsBar{display:flex;gap:16px;flex-wrap:wrap}
.successRoute .actionsBar .btnPrimary{flex:1;min-width:180px;padding:16px 40px;background:#E0561C;color:#FFF;border:none;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:transform .14s cubic-bezier(0.4,0,1,1)}
.successRoute .actionsBar .btnPrimary::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background:#286742;transition:height .16s cubic-bezier(0.4,0,1,1);z-index:1}
.successRoute .actionsBar .btnPrimary:hover::before{height:100%}
.successRoute .actionsBar .btnPrimary span{position:relative;z-index:2}
.successRoute .actionsBar .btnPrimary:hover{transform:translateY(-1px)}
.successRoute .actionsBar .btnSecondary{flex:1;min-width:180px;padding:16px 40px;background:transparent;color:#286742;border:2px solid #286742;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;text-align:center;cursor:pointer;transition:background .12s cubic-bezier(0.4,0,1,1),color .12s cubic-bezier(0.4,0,1,1)}
.successRoute .actionsBar .btnSecondary:hover{background:#286742;color:#FFF}
.successRoute .noticeText{font-size:13px;line-height:1.75;color:#6b7280;text-align:center;margin:40px 0 0;letter-spacing:.01em}
@media (max-width: 768px) {
.successRoute{padding:40px 16px}
.successRoute .confirmBox{padding:40px 16px}
.successRoute .headingPrimary{font-size:21px}
.successRoute .actionsBar{flex-direction:column}
.successRoute .actionsBar .btnPrimary,.successRoute .actionsBar .btnSecondary{min-width:100%}
}