.mcat-page{--mcat-ink: #0f1f1c;--mcat-muted: #4a635c;--mcat-teal: #118972;--mcat-mint: #dff5ee;--mcat-mint-deep: #c8ebe0;--mcat-line: rgba(17, 137, 114, .14);--mcat-soft: #f4fbf8;position:relative;isolation:isolate;overflow:hidden;background:#fff;color:var(--mcat-ink)}.mcat-shell{width:calc(100% - 48px);max-width:1280px;margin:0 auto}@media (max-width: 720px){.mcat-shell{width:calc(100% - 32px)}}.mcat-hero{position:relative;padding:7.25rem 0 3.5rem;overflow:hidden}.mcat-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center right;background-repeat:no-repeat;transform:scale(1.02)}.mcat-hero__wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.14) 36%,rgba(255,255,255,.04) 58%,transparent 78%),linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 42%,rgba(255,255,255,.1) 100%);pointer-events:none}.mcat-hero__copy{position:relative;z-index:1}.mcat-hero__copy:before{content:"";position:absolute;top:-1.25rem;right:-1.75rem;bottom:-1.25rem;left:-1.5rem;background:radial-gradient(ellipse at 20% 40%,rgba(255,255,255,.34),transparent 68%);pointer-events:none;z-index:-1}.mcat-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;min-height:min(72vh,640px)}.mcat-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.78rem;color:var(--mcat-muted);margin-bottom:1.35rem}.mcat-crumb a{color:inherit;text-decoration:none}.mcat-crumb a:hover{color:var(--mcat-teal)}.mcat-eyebrow{display:inline-flex;align-items:center;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mcat-teal);background:#1189721a;border:1px solid rgba(17,137,114,.22);border-radius:999px;padding:.34rem .85rem;font-family:var(--font-sans)}.mcat-hero__copy h1{margin:1.1rem 0 1rem;font-family:var(--font-sans);font-weight:900;letter-spacing:-.035em;line-height:1.05;font-size:clamp(2.35rem,4.6vw,3.45rem);color:var(--mcat-ink);max-width:16ch}.mcat-lede{margin:0;max-width:38ch;color:var(--mcat-muted);font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.7}.mcat-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.85rem}.mcat-proof{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.6rem;font-size:.82rem;font-weight:600;letter-spacing:.01em;color:#2f4f47}.mcat-proof__item{display:inline-flex;align-items:center;gap:.55rem}.mcat-proof__dot{color:#11897273}@keyframes mcat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mcat-drift{0%,to{transform:translateZ(0) rotate(-4deg)}50%{transform:translate3d(6px,-8px,0) rotate(-2deg)}}.mcat-visual{position:relative;min-height:420px;display:grid;place-items:center}.mcat-visual__glow{position:absolute;width:72%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(125,232,207,.45),transparent 68%);filter:blur(18px);pointer-events:none}.mcat-panel{position:absolute;border-radius:22px;background:#ffffffb8;border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 50px #0f2d261a,inset 0 1px #ffffffbf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mcat-panel--back{width:min(78%,340px);height:280px;left:8%;top:12%;padding:1.1rem;transform:rotate(-6deg);background:#dff5eebf;animation:mcat-drift 7s ease-in-out infinite}.mcat-panel--front{width:min(68%,280px);right:6%;bottom:8%;padding:1.15rem 1.2rem 1.3rem;background:#ffffffdb;animation:mcat-float 5.5s ease-in-out infinite}.mcat-panel__bar{height:10px;width:42%;border-radius:999px;background:#11897259;margin-bottom:1rem}.mcat-panel__row{height:8px;border-radius:999px;background:#0f1f1c14;margin-bottom:.55rem}.mcat-panel__row--short{width:62%}.mcat-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1.1rem}.mcat-panel__grid span{display:block;height:52px;border-radius:12px;background:linear-gradient(145deg,#ffffffe6,#c8ebe0d9);border:1px solid rgba(17,137,114,.12)}.mcat-panel__label{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mcat-teal);margin-bottom:.75rem}.mcat-chip{display:inline-flex;margin:0 .35rem .4rem 0;padding:.28rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;color:#1d4a41;background:var(--mcat-mint);border:1px solid rgba(17,137,114,.16)}.mcat-preview{margin-top:.85rem;padding:.85rem;border-radius:14px;background:linear-gradient(160deg,#f7fffc,#e7f7f1);border:1px solid rgba(17,137,114,.12)}.mcat-preview__line{height:7px;width:78%;border-radius:999px;background:#0f1f1c1f;margin-bottom:.4rem}.mcat-preview__line--mid{width:54%}.mcat-preview__block{margin-top:.65rem;height:48px;border-radius:10px;background:linear-gradient(120deg,#11897238,#7de8cf59)}.mcat-float{position:absolute;z-index:3;padding:.45rem .8rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:#0f1f1c;background:#ffffffeb;border:1px solid rgba(17,137,114,.18);box-shadow:0 10px 28px #0f2d261a;animation:mcat-float 4.8s ease-in-out infinite}.mcat-float--a{top:18%;right:10%}.mcat-float--b{left:4%;bottom:22%;animation-delay:.6s}.mcat-object{position:absolute;z-index:2;width:clamp(140px,28%,210px);height:auto;right:18%;top:8%;filter:drop-shadow(0 18px 30px rgba(15,45,38,.18));animation:mcat-float 6s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none}.mcat-object--growth{right:auto;left:8%;top:auto;bottom:6%;width:clamp(120px,24%,180px)}.mcat-panel--roadmap{width:min(72%,300px);left:10%;top:14%;padding:1.15rem 1.2rem;animation:mcat-drift 7.5s ease-in-out infinite}.mcat-panel--metric{width:min(48%,210px);right:8%;bottom:12%;padding:1.1rem 1.15rem 1.2rem;animation:mcat-float 5.2s ease-in-out infinite}.mcat-step{display:grid;grid-template-columns:auto 1fr;gap:.35rem .65rem;align-items:center;margin-bottom:.7rem;font-size:.86rem;font-weight:700;color:#1d3d36}.mcat-step__num{font-size:.68rem;font-weight:800;color:var(--mcat-teal);letter-spacing:.06em}.mcat-step__bar{grid-column:2;height:6px;border-radius:999px;background:linear-gradient(90deg,#1189728c,#7de8cfa6)}.mcat-metric{font-size:2rem;font-weight:900;letter-spacing:-.04em;color:var(--mcat-teal);line-height:1}.mcat-metric__sub{margin-top:.25rem;font-size:.78rem;color:var(--mcat-muted);font-weight:600}.mcat-spark{display:flex;align-items:flex-end;gap:.28rem;height:42px;margin-top:.85rem}.mcat-spark i{display:block;flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#7de8cf,#118972);opacity:.85}.mcat-section{padding:5rem 0}.mcat-section--soft{background:linear-gradient(180deg,#f4fbf833,#f4fbf8f2),var(--mcat-soft);border-block:1px solid var(--mcat-line)}.mcat-section__head{max-width:640px;margin-bottom:2.75rem}.mcat-section__head--center{text-align:center;margin-left:auto;margin-right:auto}.mcat-section__head h2{margin:.9rem 0 .85rem;font-family:var(--font-sans);font-weight:900;letter-spacing:-.035em;line-height:1.08;font-size:clamp(1.9rem,3.6vw,2.75rem);color:var(--mcat-ink)}.mcat-section__head p{margin:0;color:var(--mcat-muted);font-size:1.05rem;line-height:1.7}.mcat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.mcat-card{display:block;height:100%;padding:1.45rem 1.4rem 1.35rem;border-radius:22px;text-decoration:none;color:inherit;background:#ffffffdb;border:1px solid rgba(17,137,114,.12);box-shadow:0 10px 30px #0f2d260a;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.mcat-card:hover{transform:translateY(-3px);border-color:#11897247;box-shadow:0 18px 40px #0f2d2614}.mcat-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.mcat-card__num{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--mcat-teal)}.mcat-card__arrow{color:var(--mcat-teal);opacity:.7;transition:transform .2s ease}.mcat-card:hover .mcat-card__arrow{transform:translate(3px);opacity:1}.mcat-card h3{margin:0 0 .45rem;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;color:var(--mcat-ink)}.mcat-card p{margin:0 0 .9rem;color:var(--mcat-muted);font-size:.95rem;line-height:1.55}.mcat-card ul{list-style:none;margin:0 0 1.1rem;padding:0;display:grid;gap:.35rem}.mcat-card li{position:relative;padding-left:.9rem;font-size:.86rem;color:#2f4f47;font-weight:600}.mcat-card li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--mcat-teal)}.mcat-card__cta{font-size:.86rem;font-weight:800;color:var(--mcat-teal)}.mcat-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}.mcat-process__step{padding:1.15rem 1rem;border-radius:18px;background:#fff;border:1px solid rgba(17,137,114,.12)}.mcat-process__num{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--mcat-teal);margin-bottom:.55rem}.mcat-process__step h3{margin:0 0 .4rem;font-size:1.02rem;font-weight:800;letter-spacing:-.015em}.mcat-process__step p{margin:0;font-size:.86rem;line-height:1.55;color:var(--mcat-muted)}.mcat-faq{max-width:760px;margin:0 auto;display:grid;gap:.75rem}.mcat-faq details{border-radius:16px;background:#fff;border:1px solid rgba(17,137,114,.12);padding:.2rem 1.15rem}.mcat-faq summary{cursor:pointer;list-style:none;padding:1rem 0;font-weight:750;font-size:1rem;color:var(--mcat-ink)}.mcat-faq summary::-webkit-details-marker{display:none}.mcat-faq details[open] summary{color:var(--mcat-teal)}.mcat-faq p{margin:0 0 1rem;color:var(--mcat-muted);line-height:1.65;font-size:.95rem}@media (max-width: 980px){.mcat-hero__grid{grid-template-columns:1fr;min-height:0}.mcat-hero__copy h1{max-width:none}.mcat-visual{min-height:360px}.mcat-hero__bg{background-position:center}.mcat-hero__wash{background:linear-gradient(180deg,#ffffff47,#ffffff1f 45%,#ffffff38)}.mcat-grid{grid-template-columns:1fr}.mcat-process{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.mcat-hero{padding-top:6.25rem}.mcat-visual{min-height:300px}.mcat-process{grid-template-columns:1fr}.mcat-object{width:120px}}.mcat-card--static{cursor:default}.mcat-card--static:hover{transform:none;border-color:#1189721f;box-shadow:0 10px 30px #0f2d260a}.mcat-tech{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;max-width:820px;margin:0 auto}.mcat-tech span{padding:.45rem 1.1rem;border-radius:999px;font-size:.85rem;font-weight:600;background:#11897212;border:1px solid rgba(17,137,114,.2);color:#2f4f47}.mcat-panel--api,.mcat-panel--editor,.mcat-panel--canvas,.mcat-panel--figma,.mcat-panel--board,.mcat-panel--legacy,.mcat-panel--funnel{width:min(72%,300px);left:8%;top:12%;padding:1.15rem 1.2rem;animation:mcat-drift 7s ease-in-out infinite}.mcat-panel--channels,.mcat-panel--plugin,.mcat-panel--cms-col,.mcat-panel--frames{width:min(46%,200px);right:6%;bottom:10%;padding:1.05rem 1.1rem;animation:mcat-float 5.4s ease-in-out infinite}.mcat-code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700;color:var(--mcat-teal);margin-bottom:.65rem}.mcat-code-block{display:grid;gap:.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:#2f4f47;background:linear-gradient(160deg,#f7fffc,#e7f7f1);border-radius:12px;padding:.75rem;border:1px solid rgba(17,137,114,.12)}.mcat-channel{padding:.45rem .7rem;margin-bottom:.4rem;border-radius:10px;font-size:.8rem;font-weight:700;background:var(--mcat-mint);border:1px solid rgba(17,137,114,.14)}.mcat-wp-block{height:42px;border-radius:10px;margin-bottom:.5rem;background:linear-gradient(145deg,#fffffff2,#c8ebe0cc);border:1px solid rgba(17,137,114,.12)}.mcat-wp-block--mid{width:78%}.mcat-wp-block--short{width:54%;height:28px}.mcat-wp-toolbar{display:flex;gap:.35rem;margin-top:.65rem}.mcat-wp-toolbar i{width:18px;height:18px;border-radius:5px;background:#11897238}.mcat-canvas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.mcat-canvas-grid span{height:48px;border-radius:10px;background:linear-gradient(145deg,#fff,#dff5ee);border:1px solid rgba(17,137,114,.12)}.mcat-swatches{display:flex;gap:.4rem;margin-bottom:.85rem}.mcat-swatches i{width:28px;height:28px;border-radius:8px;display:block;border:1px solid rgba(15,31,28,.08)}.mcat-frame{height:72px;border-radius:12px;margin-bottom:.5rem;background:linear-gradient(160deg,#fffffff2,#7de8cf40);border:1px solid rgba(17,137,114,.14)}.mcat-frame--sm{height:44px;width:70%}.mcat-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.mcat-kanban div{background:#ffffffb3;border-radius:10px;padding:.45rem;border:1px solid rgba(17,137,114,.12);display:grid;gap:.3rem}.mcat-kanban b{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mcat-teal)}.mcat-kanban span{display:block;height:18px;border-radius:5px;background:#1189721f}.mcat-path{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.85rem;font-size:.82rem;font-weight:800;color:#1d3d36}.mcat-path em{font-style:normal;color:var(--mcat-teal)}.mcat-funnel-bar{height:14px;margin:0 auto .45rem;border-radius:999px;background:linear-gradient(90deg,#1189728c,#7de8cfb3)}@media (prefers-reduced-motion: reduce){.mcat-panel--back,.mcat-panel--front,.mcat-panel--roadmap,.mcat-panel--metric,.mcat-panel--api,.mcat-panel--editor,.mcat-panel--canvas,.mcat-panel--figma,.mcat-panel--board,.mcat-panel--legacy,.mcat-panel--funnel,.mcat-panel--channels,.mcat-panel--plugin,.mcat-panel--cms-col,.mcat-panel--frames,.mcat-float,.mcat-object{animation:none}}