@import url("marketing.css");
@import url("marketing-brand27.css");

/* v36 public website finish */
.detail-card,.feature-card{border-radius:22px;transition:transform .2s ease,box-shadow .2s ease}.detail-card:hover,.feature-card:hover{box-shadow:0 18px 45px #526ac314;transform:translateY(-3px)}.mk-button{box-shadow:0 5px 18px #3268ff20}.mega-menu{border-radius:0 0 22px 22px}@media(prefers-reduced-motion:reduce){.detail-card:hover,.feature-card:hover{transform:none}}
/* Dedicated product journeys */
.feature-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.feature-example h2{font-size:42px}.feature-example>p:not(.eyebrow){font-size:18px;line-height:1.8}.feature-path{padding:32px;border:1px solid #d4dff6;border-radius:26px;background:radial-gradient(circle at 95% 0,#e9e7ff,transparent 55%),#f8faff;box-shadow:0 24px 60px #263a7210}.feature-step{display:flex;gap:20px;align-items:center;position:relative;padding:18px 0}.feature-step:not(:last-of-type):after{content:'';position:absolute;top:65px;bottom:-15px;left:23px;width:2px;background:linear-gradient(#628bff,#a594e8)}.feature-step-marker{display:grid;place-items:center;flex:0 0 48px;height:48px;background:#fff;border:1px solid #bdcef3;border-radius:16px;color:#4a65c3;z-index:1}.feature-step small,.feature-result small{font-size:10px;letter-spacing:.12em;color:#6a7f9e}.feature-step h3{font-size:18px;margin:5px 0;line-height:1.5}.feature-result{display:flex;gap:16px;padding:22px;background:#e9edff;border:1px solid #c7d3f9;border-radius:16px;margin-top:20px;color:#304d99}.feature-result strong{display:block;margin-top:7px;font-size:16px;line-height:1.6}.feature-details{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.feature-guidance p{display:flex;gap:18px;border-bottom:1px solid #e0e7f5;padding-bottom:24px;line-height:1.8}.feature-guidance svg{flex-shrink:0;color:#7160bb}.feature-next{display:flex;justify-content:space-between;align-items:center;gap:32px;background:#f0f4ff;border-radius:24px;margin-bottom:70px}.feature-next>div:last-child{display:flex;flex-direction:column;gap:15px}.mega-menu{max-height:80vh;overflow:auto}.product-links{gap:15px}.product-links>a{padding:12px}@media(max-width:800px){.feature-story,.feature-details{grid-template-columns:1fr;gap:28px}.feature-example h2{font-size:32px}.feature-next{display:block}.feature-path{padding:20px}.feature-next>div:last-child{margin-top:24px}}

/* Topic-specific marketing demonstrations share tokens, not a generic story. */
.topic-content{max-width:1320px;margin:auto}.topic-content>header{max-width:820px;margin-bottom:32px}.topic-content h2{font-size:clamp(30px,3.5vw,48px);line-height:1.16}.topic-content h3{font-size:21px;line-height:1.3}.topic-content p{line-height:1.75}.topic-disclosure{font-size:12px;color:#63769b;margin-bottom:18px}.topic-split,.topic-cards,.topic-service,.topic-install{display:grid;gap:24px;margin:28px 0}.topic-split{grid-template-columns:1fr 1fr}.topic-cards,.topic-service,.topic-install{grid-template-columns:repeat(3,1fr)}.topic-panel,.topic-cards article,.topic-service article,.topic-install article{padding:30px;border:1px solid #d7e1f6;border-radius:20px;background:linear-gradient(135deg,#fff,#f5f6ff);min-width:0}.topic-panel h3{margin-top:0}.topic-tag{display:inline-block;border-radius:30px;padding:8px 14px;background:#e9edff;color:#3456b0;font-size:13px}.topic-number{font-size:13px;color:#6955b8;letter-spacing:.12em}.topic-table{overflow:auto;border:1px solid #dae3f5;border-radius:16px;margin:24px 0}.topic-table table{border-collapse:collapse;width:100%;font-size:15px}.topic-table th,.topic-table td{padding:18px;text-align:left;border-bottom:1px solid #e3e9f5}.topic-table th{background:#edf2fc}.topic-table tbody tr:last-child td{border-bottom:0}.topic-editor{background:#eff3fc;border-radius:12px;padding:20px;overflow:auto}.topic-editor pre{font-size:15px;line-height:1.8;color:#29467b}.topic-calendar{padding:28px;border:1px solid #cddbf6;border-radius:20px;background:#f7f9ff}.topic-calendar-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.topic-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:24px}.topic-days article{background:white;border:1px solid #d6e0f5;border-radius:12px;padding:22px 10px;text-align:center}.topic-days span{display:block;margin-top:18px;color:#5a6d94}.topic-days .selected{background:#e6ecff;border-color:#7899ed}.topic-stages{display:flex;list-style:none;padding:0;margin:28px 0;gap:10px}.topic-stages li{flex:1;border-top:3px solid #b7c8eb;padding:16px 8px;font-size:14px}.topic-stages b{display:block;margin-top:12px}.topic-stages .selected{border-color:#466df5;background:#edf1ff}.topic-run{padding:32px;border:1px solid #d5def2;border-radius:20px}.topic-definitions dt,.topic-api dt{font-weight:600;margin-top:20px}.topic-definitions dd,.topic-api dd{margin:7px 0;color:#5d7095;line-height:1.6}.topic-api{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:20px}.topic-api article{padding:32px;border:1px solid #cbd9f6;border-radius:20px}.topic-api>span{text-align:center;font-size:30px;color:#557be4}.topic-promotion{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.topic-promotion article{padding:26px 20px;border-top:4px solid #647ef1;background:#f1f4ff;border-radius:4px 4px 18px 18px}.topic-promotion small,.topic-service small{color:#6553b6;letter-spacing:.1em}.topic-flow>.topic-panel{max-width:550px;margin:0 auto}.topic-branch{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0;text-align:center}.topic-branch .topic-panel{margin:20px 0;text-align:left}.topic-form label{display:block;margin:20px 0;font-size:14px}.topic-form input,.topic-form select{display:block;margin-top:10px;width:100%;box-sizing:border-box;background:white;border:1px solid #ccd8ee;color:#23406c;border-radius:10px;padding:14px}.topic-vault>article{max-width:500px;margin:auto}.topic-vault>span{display:block;text-align:center;margin:20px;font-size:32px;color:#627ddd}.topic-agenda article{display:flex;gap:40px;padding:24px 0;border-bottom:1px solid #dce4f2}.topic-agenda time{min-width:125px;color:#5475cf;font-size:14px;padding-top:10px}.topic-agenda h3{margin-top:0}.topic-atlas{display:block;border:1px solid #d3def5;border-radius:20px;overflow:hidden;background:#f4f6ff;text-align:center}.topic-atlas img{display:block;width:100%;max-height:460px;object-fit:contain}.topic-atlas span{display:block;padding:20px;font-weight:600}.topic-checklist{counter-reset:setup;list-style:none;padding:0}.topic-checklist li{counter-increment:setup;display:flex;gap:28px;padding:28px 0;border-bottom:1px solid #dde5f3}.topic-checklist li:before{content:counter(setup);display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:#e8edff;color:#476ed6;font-weight:600}.topic-checklist h3{margin:0}.topic-notes{margin-top:40px;border-top:1px solid #dce4f5;padding-top:18px}.topic-notes li{margin:12px 0;line-height:1.6;color:#5a6e93}.topic-next{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.topic-install .mk-button{font-size:14px;padding:14px}
@media(max-width:800px){.topic-split,.topic-cards,.topic-service,.topic-install,.topic-promotion,.topic-branch{grid-template-columns:1fr}.topic-api{grid-template-columns:1fr}.topic-api>span{transform:rotate(90deg)}.topic-days{grid-template-columns:repeat(4,1fr)}.topic-stages{flex-direction:column}.topic-agenda article{gap:16px}.topic-agenda time{min-width:90px}.topic-panel,.topic-run{padding:22px}.topic-table th,.topic-table td{padding:12px;font-size:13px}}

.mega-feature>img{display:block;width:100%;height:auto;border-radius:12px;object-fit:contain}.mega-feature>strong{display:block;margin-top:14px}

.product-menu:not([open])>.mega-menu{display:none!important}