:root{--ease:cubic-bezier(.2,0,0,1);--ease-in:cubic-bezier(.05,.7,.1,1)}
html{scroll-padding-top:96px;scroll-padding-bottom:96px}
body{margin:0;background:#FBF6EF}
a{color:#822200}a:hover{color:#AA2800}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #822200;outline-offset:3px}
.m-dark a:focus-visible{outline-color:#FBF6EF}
.m-skip{position:absolute;left:16px;top:-80px;z-index:50;background:#1E2B4C;color:#FBF6EF;padding:12px 18px;border-radius:12px;font-weight:600;text-decoration:none}
.m-skip:focus{top:12px;color:#FBF6EF}
.m-header{position:sticky;top:0;z-index:20;background:rgba(251,246,239,.9);-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid #E8DAC8}
.m-logo{display:flex;align-items:center;border-radius:8px;transition:opacity 200ms var(--ease)}
.m-logo:hover{opacity:.82}
.m-nav-link{position:relative;color:#1E2B4C;text-decoration:none;padding:12px 2px;font-weight:500;cursor:pointer;transition:color 200ms var(--ease)}
.m-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;border-radius:2px;background:#822200;transform:scaleX(0);transform-origin:left center;transition:transform 260ms var(--ease)}
.m-nav-link:hover{color:#1E2B4C}
.m-nav-link:hover::after{transform:scaleX(1)}
.m-nav-link:active{transform:translateY(1px)}
.m-nav-link[aria-current="page"]{color:#822200;font-weight:600}
.m-nav-link[aria-current="page"]::after{transform:scaleX(1)}
.m-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;padding:16px 28px;border-radius:999px;cursor:pointer;transition:transform 200ms var(--ease),background-color 200ms var(--ease),color 200ms var(--ease)}
.m-btn--sm{padding:12px 22px;font-size:14px}
.m-btn--primary{background:#822200;color:#FFFFFF}
.m-btn--primary::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 12px 26px -10px rgba(130,34,0,.6);opacity:0;transition:opacity 200ms var(--ease);z-index:-1}
.m-btn--primary:hover{background:#AA2800;color:#FFFFFF;transform:translateY(-2px)}
.m-btn--primary:hover::after{opacity:1}
.m-btn--ghost{color:#1E2B4C;box-shadow:inset 0 0 0 1.5px #1E2B4C;overflow:hidden}
.m-btn--ghost::before{content:"";position:absolute;inset:0;background:#1E2B4C;transform:scaleY(0);transform-origin:bottom center;transition:transform 260ms var(--ease);z-index:-1}
.m-btn--ghost:hover{color:#FBF6EF}
.m-btn--ghost:hover::before{transform:scaleY(1)}
.m-btn--light{background:#FBF6EF;color:#822200}
.m-btn--light::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 12px 26px -10px rgba(40,10,0,.55);opacity:0;transition:opacity 200ms var(--ease);z-index:-1}
.m-btn--light:hover{background:#FFFFFF;color:#822200;transform:translateY(-2px)}
.m-btn--light:hover::after{opacity:1}
.m-btn:active{transform:translateY(0) scale(.98);transition-duration:100ms}
.m-arrow{display:inline-block;transition:transform 200ms var(--ease)}
.m-btn:hover .m-arrow,.m-textlink:hover .m-arrow,a.m-card:hover .m-arrow{transform:translateX(4px)}
.m-back:hover .m-arrow{transform:translateX(-4px)}
.m-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#4A5470;text-decoration:none;padding:8px 0;cursor:pointer;transition:color 200ms var(--ease)}
.m-back:hover{color:#822200}
.m-textlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#822200;text-decoration:none;padding:10px 0;cursor:pointer}
.m-textlink:hover{color:#AA2800}
.m-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:22px;background:#FFFFFF;border:1px solid #E8DAC8;color:#1E2B4C;text-decoration:none;transition:transform 260ms var(--ease),border-color 200ms var(--ease)}
.m-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 22px 44px -20px rgba(90,35,10,.38);opacity:0;transition:opacity 260ms var(--ease);z-index:-1}
a.m-card{cursor:pointer}
a.m-card:hover,.m-card--hover:hover{transform:translateY(-4px);border-color:#D9B79C;color:#1E2B4C}
a.m-card:hover::after,.m-card--hover:hover::after{opacity:1}
a.m-card:active{transform:translateY(-1px);transition-duration:100ms}
.m-filter{font-family:inherit;font-size:15px;font-weight:600;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;background:#F3E6D6;color:#1E2B4C;transition:background-color 220ms var(--ease),color 220ms var(--ease),transform 200ms var(--ease)}
.m-filter:hover{background:#EFD5C0}
.m-filter:active{transform:scale(.97);transition-duration:100ms}
.m-filter.is-on{background:#1E2B4C;color:#FBF6EF}
.m-topic-n{font-size:13px;font-weight:600;letter-spacing:.12em;color:#822200}
.m-topic-tags{margin:auto 0 0;padding-top:8px;font-size:13px;font-weight:600;color:#4A5470;letter-spacing:.04em}
.m-flink{position:relative;display:inline-block;color:rgba(251,246,239,.82);text-decoration:none;padding:8px 0;cursor:pointer;transition:color 200ms var(--ease)}
.m-flink::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:2px;background:#E9B08C;transform:scaleX(0);transform-origin:left center;transition:transform 260ms var(--ease)}
.m-flink:hover{color:#FBF6EF}
.m-flink:hover::after{transform:scaleX(1)}
.m-flink:active{transform:translateY(1px)}
.m-tel{color:#FBF6EF;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:text-underline-offset 200ms var(--ease),color 200ms var(--ease)}
.m-tel:hover{color:#E9B08C;text-underline-offset:5px}
.m-wa{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:10px;padding:14px 22px 14px 16px;border-radius:999px;background:#822200;color:#FBF6EF;text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 14px 30px -12px rgba(80,30,10,.6);cursor:pointer;transition:transform 200ms var(--ease),background-color 200ms var(--ease)}
.m-wa:hover{background:#AA2800;color:#FBF6EF;transform:translateY(-2px)}
.m-wa:active{transform:scale(.95);transition-duration:100ms}
.m-wa:focus-visible{outline:2px solid #1E2B4C;outline-offset:3px}
@keyframes m-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes m-pop-a{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes m-pop-b{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes m-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.m-draw [pathLength]{stroke-dasharray:1;stroke-dashoffset:0}
@media (prefers-reduced-motion: no-preference){
html{scroll-behavior:smooth}
.m-enter{animation:m-rise 560ms var(--ease-in) backwards}
.m-d1{animation-delay:80ms}.m-d2{animation-delay:160ms}.m-d3{animation-delay:240ms}.m-d4{animation-delay:320ms}
.m-wa{animation:m-rise 600ms var(--ease-in) 900ms backwards}
.m-draw [pathLength]{animation:m-draw 1300ms var(--ease) 400ms backwards}
.m-draw .m-s2{animation-delay:800ms}.m-draw .m-s3{animation-delay:1200ms}.m-draw .m-s4{animation-delay:1600ms}
.m-swap-a > .m-card{animation:m-pop-a 420ms var(--ease-in) backwards}
.m-swap-b > .m-card{animation:m-pop-b 420ms var(--ease-in) backwards}
.m-topics > .m-card:nth-child(2){animation-delay:50ms}
.m-topics > .m-card:nth-child(3){animation-delay:100ms}
.m-topics > .m-card:nth-child(4){animation-delay:150ms}
.m-topics > .m-card:nth-child(5){animation-delay:200ms}
.m-topics > .m-card:nth-child(6){animation-delay:250ms}
@supports (animation-timeline: view()){
.m-rv{animation:m-rise linear backwards;animation-timeline:view();animation-range:entry 0% entry 38%}
.m-rv2{animation:m-rise linear backwards;animation-timeline:view();animation-range:entry 6% entry 44%}
.m-rv3{animation:m-rise linear backwards;animation-timeline:view();animation-range:entry 12% entry 50%}
}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{transition-duration:1ms!important;animation:none!important}
.m-btn:hover,.m-btn:active,a.m-card:hover,.m-card--hover:hover,.m-wa:hover,.m-wa:active,.m-filter:active{transform:none!important}
}
@media (hover: none){
.m-btn:hover,a.m-card:hover,.m-card--hover:hover,.m-wa:hover{transform:none}
}
.m-steps{position:relative;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
.m-step{position:relative;display:flex;flex-direction:column;gap:10px}
.m-step::before,.m-step::after{content:"";position:absolute;top:27px;left:70px;right:-14px;height:2px;border-radius:2px;pointer-events:none}
.m-step::before{background:#E8DAC8}
.m-step::after{background:#822200;transform-origin:left center}
.m-step:last-child::before,.m-step:last-child::after{display:none}
.m-step-num{position:relative;isolation:isolate;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#FBF6EF;box-shadow:inset 0 0 0 2px #822200;color:#822200;font-weight:600;font-size:17px;font-variant-numeric:tabular-nums;transition:transform 260ms var(--ease)}
.m-step-num::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#F6D9B8;z-index:-1}
.m-step h3{transition:color 200ms var(--ease)}
.m-step:hover .m-step-num{transform:scale(1.08)}
.m-step:hover h3{color:#822200}
@media (max-width: 1023px){.m-step::before,.m-step::after{display:none}}
@keyframes m-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes m-fillin{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion: no-preference){
@supports (animation-timeline: view()){
.m-steps{view-timeline-name:--msteps}
.m-step::after{animation:m-grow linear both;animation-timeline:--msteps}
.m-step-num::before{animation:m-fillin linear both;animation-timeline:--msteps}
.m-step:nth-child(1) .m-step-num::before{animation-range:cover 10% cover 16%}
.m-step:nth-child(1)::after{animation-range:cover 16% cover 24%}
.m-step:nth-child(2) .m-step-num::before{animation-range:cover 24% cover 30%}
.m-step:nth-child(2)::after{animation-range:cover 30% cover 38%}
.m-step:nth-child(3) .m-step-num::before{animation-range:cover 38% cover 44%}
.m-step:nth-child(3)::after{animation-range:cover 44% cover 50%}
.m-step:nth-child(4) .m-step-num::before{animation-range:cover 50% cover 56%}
}
}
[hidden]{display:none!important}