:root {
    --kr-purple: #5135ed;
    --kr-purple-dark: #3f2ad2;
    --kr-white: #fff;
    --kr-black: #090909;
    --kr-mint: #94ded1;
    --kr-green: #16bf82;
    --kr-pink: #f65991;
    --kr-yellow: #ffd21f;
    --kr-violet: #7357ee;
    --kr-card-radius: 14px;
}
* {
    box-sizing: border-box;
}
body {
    margin: 0;
    font-family: "Syne", system-ui, sans-serif;
    font-weight: 500;
    background: var(--kr-purple);
    color: var(--kr-white);
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-weight: 600;
}
button {
    cursor: pointer;
}
.kr-app {
    min-height: 100vh;
    overflow: hidden;
}
.kr-hero {
    position: relative;
    padding: 28px 34px 24px;
    min-height: 430px;
}
.kr-topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}
.kr-logo {
    color: #fff;
    text-decoration: none;
    line-height: 0.78;
    font-weight: 700;
    font-size: 38px;
    font-style: italic;
    letter-spacing: -2px;
}
.kr-logo span {
    display: block;
}
.kr-logo span span {
    display: inline;
    font-size: 11px;
    margin-left: 5px;
    vertical-align: top;
}
header .logo {
    background-image: url('images/logo-kar-white.png');
    width: 220px;
    height: 80px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    display: inline-block;
}

header .menu-header-menu-container ul {
    padding: 0;
    display: flex;
}

header .menu-header-menu-container ul li {
    list-style: none;
    margin: 0 12px;
}

header .menu-header-menu-container ul li a {
    font-weight: 200;
    text-decoration: none;
    color: #FFFFFF;
    padding: 3px 0;
    display: block;
}

.dark header .menu-header-menu-container ul li a {
    color: #FFFFFF;
}

header .menu-header-menu-container ul li.current-menu-item a {
    font-weight: 500;
    border-bottom: solid 1px #7460f2;
}

.dark header .menu-header-menu-container ul li.current-menu-item a {
    border-bottom: solid 1px #FFFFFF;
}

header .menu-header-menu-container ul li.new {
    position: relative;
}

header .menu-header-menu-container ul li.new:after {
    content: "NEW";
    background: #0082EB;
    padding: 5px;
    border-radius: 20px;
    font-size: 10px;
    color: white;
    position: absolute;
    top: -16px;
    right: -23px;
}

header .menu-header-menu-container ul li.soon {
    position: relative;
}

header .menu-header-menu-container ul li.soon:after {
    content: "SOON";
    background: #F9D128;
    padding: 5px;
    border-radius: 20px;
    font-size: 10px;
    color: white;
    position: absolute;
    top: -16px;
    right: -23px;
}

header .menu-header-menu-container ul li.maintenance {
    position: relative;
}

header .menu-header-menu-container ul li.maintenance:after {
    content: "IN MAINTENANCE";
    background: #3d29bc;
    padding: 5px;
    border-radius: 20px;
    font-size: 10px;
    color: white;
    position: absolute;
    top: -16px;
    right: -23px;
}

header .menu-header-menu-container ul li.demo {
    position: relative;
}

header .menu-header-menu-container ul li.demo:after {
    content: "DEMO";
    background: #11bf82;
    padding: 5px;
    border-radius: 20px;
    font-size: 10px;
    color: white;
    position: absolute;
    top: -16px;
    right: -23px;
}

ul.sub-menu li a {
    color: #333333 !important;
}

ul.sub-menu li {
    margin: 0 !important;
}
ul.sub-menu {
    flex-direction: column;
    position: absolute;
    margin-left: -13px;
    z-index: 2;
    background: #FFFFFF;
    padding: 5px 12px !important;
    border-radius: 12px;
    display: none !important;
    width: 120px;
}

li.menu-item-has-children:hover .sub-menu {
    display: flex !important;
}
.kr-tabs {
    display: flex;
    align-items: center;
    gap: 32px;
    margin: 18px auto 70px;
    justify-content: center;
}
.tab {
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 8px 0;
    opacity: 0.85;
}
.tab.active {
    opacity: 1;
    border-bottom: 2px solid #fff;
}
.hero-copy {
    text-align: center;
    margin: 32px auto 0;
    max-width: 700px;
    position: relative;
    z-index: 2;
}
.pill {
    display: inline-flex;
    padding: 14px 30px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    font-size: 14px;
    font-weight: 700;
}
.pill.mini {
    padding: 8px 16px;
    font-size: 11px;
    color: #fff;
}
.hero-copy h1 {
    font-size: 44px;
    line-height: 1.14;
    margin: 26px 0 28px;
    font-weight: 700;
    letter-spacing: -1px;
}
.hero-copy p {
    font-size: 18px;
    margin: 0 0 18px;
}
.hero-copy small {
    display: block;
    margin-top: 14px;
}
.search-wrap {
    height: 52px;
    background: #fff;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 560px;
    margin: 0 auto;
    color: #111;
    padding: 0 24px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.search-icon {
    font-size: 36px;
    font-weight: 400;
    transform: rotate(-25deg);
    line-height: 1;
}
.search-wrap input {
    border: 0;
    outline: 0;
    width: 100%;
    font-size: 18px;
    background: transparent;
}
.floating-product {
    position: absolute;
    border-radius: 26px;
    filter: drop-shadow(0 22px 20px rgba(0, 0, 0, 0.22));
    opacity: 0.98;
}
.product-left {
    width: 112px;
    height: 260px;
    background: linear-gradient(135deg, #fd7b2f, #e95a19);
    left: 50px;
    top: 255px;
    transform: rotate(-22deg);
    border-radius: 34px 34px 18px 18px;
}
.product-left:before {
    content: "";
    position: absolute;
    width: 72px;
    height: 28px;
    border: 14px solid #d94910;
    border-right: 0;
    border-radius: 30px 0 0 30px;
    left: -44px;
    top: 35px;
}
.product-right {
    width: 210px;
    height: 118px;
    background: linear-gradient(135deg, #8de5ff, #3faedb);
    right: 42px;
    top: 140px;
    transform: rotate(-24deg);
    border: 11px solid #e7f2f6;
}
.toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 34px 26px;
    margin-top: -20px;
}
.filters-toggle,
.ghost-btn {
    background: rgba(255, 255, 255, 0.14);
    border: 0;
    color: #fff;
    border-radius: 12px;
    padding: 13px 16px;
    font-size: 15px;
}
.actions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}
.actions select {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    border: 0;
    border-radius: 12px;
    padding: 13px 14px;
    outline: 0;
}
.actions option {
    color: #111;
}
.primary-btn {
    background: #fff;
    color: var(--kr-purple);
    border: 0;
    border-radius: 999px;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: 700;
}
.panel {
    display: none;
    padding: 0 34px 48px;
}
.panel.active {
    display: block;
}
.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 28px;
}
.grid.compact .idea-card {
    min-height: 250px;
}
.idea-card {
    grid-column: span 4;
    min-height: 210px;
    border-radius: var(--kr-card-radius);
    padding: 20px 20px 18px;
    color: #070707;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
}
.idea-card:nth-child(5n + 1) {
    background: var(--kr-green);
}
.idea-card:nth-child(5n + 2) {
    background: var(--kr-mint);
}
.idea-card:nth-child(5n + 3) {
    background: var(--kr-yellow);
}
.idea-card:nth-child(5n + 4) {
    background: var(--kr-pink);
}
.idea-card:nth-child(5n + 5) {
    background: var(--kr-violet);
    color: #fff;
}
.idea-card.large {
    grid-column: span 4;
    grid-row: span 2;
    min-height: 380px;
}
.meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 12px;
    font-weight: 700;
}
.tags {
    font-size: 12px;
    text-align: right;
    max-width: 55%;
}
.card-title {
    font-size: 28px;
    line-height: 1.05;
    margin: 26px 0 8px;
    font-weight: 700;
}
.card-description {
    font-size: 13px;
    line-height: 1.35;
    max-width: 86%;
}
.card-foot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;
}
.date {
    font-size: 12px;
    opacity: 0.78;
}
.arrow {
    font-size: 34px;
    line-height: 1;
    color: #000000;
    text-decoration: none;
}
.thumbs {
    display: flex;
    gap: 8px;
    margin-top: 14px;
    flex-wrap: wrap;
}
.thumbs img {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    object-fit: cover;
}
.section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.section-head h2 {
    font-size: 34px;
    margin: 0;
}
.empty-state {
    display: none;
    text-align: center;
    padding: 42px;
}
.empty-state.show {
    display: block;
}
.modal {
    border: 0;
    background: transparent;
    padding: 0;
    width: min(760px, calc(100vw - 28px));
}
.modal::backdrop {
    background: rgba(16, 12, 70, 0.68);
    backdrop-filter: blur(6px);
}
.modal-card {
    background: #fff;
    color: #111;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.35);
}
.modal-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}
.modal-head h2 {
    margin: 12px 0 0;
    font-size: 28px;
}
.modal .pill {
    background: var(--kr-purple);
}
.icon-btn {
    border: 0;
    background: #f0effa;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    font-size: 24px;
}
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: 700;
}
input,
select,
textarea {
    border: 1px solid #ddd;
    border-radius: 14px;
    padding: 13px 14px;
    font-size: 15px;
    background: #fff;
    color: #111;
}
textarea {
    min-height: 96px;
    resize: vertical;
}
.preview-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.preview-row img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 14px;
}
.modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}
.modal .ghost-btn {
    background: #f0effa;
    color: #111;
}
.modal .primary-btn {
    background: var(--kr-purple);
    color: #fff;
}
.form-error {
    color: #d5164d;
    font-size: 13px;
    min-height: 18px;
}
@media (max-width: 980px) {
    .idea-card,
    .idea-card.large {
        grid-column: span 6;
    }
    .product-right {
        display: none;
    }
}
@media (max-width: 680px) {
    .kr-topbar,
    .toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .kr-tabs {
        margin: 18px 0 0;
        gap: 18px;
    }
    .hero-copy h1 {
        font-size: 34px;
    }
    .idea-card,
    .idea-card.large {
        grid-column: span 12;
    }
    .form-grid {
        grid-template-columns: 1fr;
    }
    .product-left {
        opacity: 0.28;
    }
    .actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }
}

.background {
    width: 100%;
    height: calc(100vh + 120px);
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    overflow: hidden;
}

.visual img{
    max-width: 200px;
    position: absolute;
    left: -15px;
    top: 30%;
    transform: translateY(-50%);
    animation: up-down 3.4s infinite ease-in-out alternate;
}

.image-1{
    max-width: 200px;
    position: absolute;
    left: -15px;
    top: 30%;
    transform: translateY(-50%);
    animation: up-down 1.4s infinite ease-in-out alternate;
}

.image-2{
    max-width: 280px;
    position: absolute;
    right: -30px;
    top: 10%;
    transform: translateY(-50%);
    animation: up-down 2s infinite ease-in-out alternate;
}

.image-3{
    max-width: 200px;
    position: absolute;
    right: 15px;
    bottom: 5%;
    transform: translateY(-50%);
    animation: up-down 2.8s infinite ease-in-out alternate;
}

@keyframes up-down{
    from{
        transform: translatey(0px);
    }
    to{
        transform: translatey(-20px);
    }
}
/* Card gallery + fullscreen lightbox */
.card-gallery {
    margin: -8px -8px 16px;
}
.gallery-main {
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    padding: 0;
    background: transparent;
    border-radius: 16px;
    overflow: hidden;
    cursor: zoom-in;
}
.gallery-main img {
    display: block;
    width: 100%;
    height: 185px;
    object-fit: cover;
    background: rgba(255,255,255,.2);
    transition: transform .25s ease;
}
.gallery-main:hover img {
    transform: scale(1.04);
}
.gallery-count {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(0,0,0,.62);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}
.gallery-thumbs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 9px 2px 1px;
}
.gallery-thumb {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    border: 2px solid transparent;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    background: transparent;
    opacity: .72;
    transition: opacity .2s ease, transform .2s ease, border-color .2s ease;
}
.gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.gallery-thumb:hover,
.gallery-thumb.active {
    opacity: 1;
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.9);
}
.lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background: rgba(5,5,12,.92);
    backdrop-filter: blur(10px);
}
.lightbox.active {
    display: flex;
}
.lightbox img {
    max-width: min(1100px, 92vw);
    max-height: 86vh;
    object-fit: contain;
    border-radius: 20px;
    box-shadow: 0 30px 90px rgba(0,0,0,.45);
}
.lightbox-btn {
    position: absolute;
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    color: #fff;
    font-size: 34px;
    line-height: 1;
    display: grid;
    place-items: center;
    backdrop-filter: blur(10px);
}
.lightbox-close {
    top: 22px;
    right: 22px;
}
.lightbox-prev {
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
}
.lightbox-next {
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
}
.lightbox-counter {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    backdrop-filter: blur(10px);
}
body.lightbox-open {
    overflow: hidden;
}
@media (max-width: 680px) {
    .gallery-main img {
        height: 220px;
    }
    .lightbox {
        padding: 18px;
    }
    .lightbox-btn {
        width: 44px;
        height: 44px;
        font-size: 28px;
    }
}

/* Brainstorming extension — deliberately built on the original Kick And Rush visual language */
.hero-brainstorm-btn{display:block;margin:22px auto 18px;padding:14px 24px;background:var(--kr-yellow);color:var(--kr-black);border:0;border-radius:999px;font-weight:700;box-shadow:0 10px 24px rgba(26,15,120,.24)}
.hero-brainstorm-btn:hover{transform:translateY(-1px)}
.kr-app[data-view="brainstormings"] .toolbar{display:none}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.section-head h2{font-size:30px;margin:4px 0 0}.section-head p{margin:5px 0 0;color:#5c5c5c}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--kr-yellow);font-weight:700}
.brainstorm-card{cursor:pointer;background:var(--kr-yellow)!important;min-height:320px}.brainstorm-card:nth-child(3n+2){background:var(--kr-mint)!important}.brainstorm-card:nth-child(3n+3){background:var(--kr-pink)!important}.brainstorm-card .brainstorm-counts{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.brainstorm-card .brainstorm-counts span{font-size:11px;border:1px solid rgba(0,0,0,.18);padding:6px 9px;border-radius:999px}.brainstorm-card .card-foot{padding-top:14px}
.brainstorm-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.brainstorm-card-export{border:1px solid rgba(0,0,0,.2);background:rgba(255,255,255,.7);border-radius:999px;padding:8px 11px;color:var(--kr-black);font-size:11px;font-weight:700;cursor:pointer}.brainstorm-card-export:hover,.brainstorm-card-export:focus-visible{background:#fff;outline:none;box-shadow:0 0 0 3px rgba(80,48,245,.2)}
.card-actions{margin-top:14px}.card-action{border:1px solid rgba(0,0,0,.2);background:rgba(255,255,255,.65);border-radius:999px;padding:9px 13px;font-size:11px}.card-action:hover{background:#fff}
.modal{width:min(1180px,95vw);max-width:none}.modal-card{color:var(--kr-black)}.brainstorm-form-card{padding:0;overflow:auto}.sticky-head{position:sticky;top:0;z-index:5;background:#fff;padding:28px 30px;border-radius:18px 18px 0 0}.form-progress{position:sticky;top:106px;z-index:4;background:var(--kr-purple-dark);color:#fff;padding:12px 30px;display:grid;grid-template-columns:auto auto;gap:8px 18px;align-items:center;font-size:11px}.form-progress span{text-align:right;opacity:.8}.form-progress div{grid-column:1/-1;height:4px;background:rgba(255,255,255,.25);border-radius:99px;overflow:hidden}.form-progress i{display:block;height:100%;width:0;background:var(--kr-yellow);transition:width .28s ease}.form-progress strong{font-size:12px}.form-progress .progress-count{font-weight:700;opacity:1}.briefing-step.is-complete{box-shadow:inset 4px 0 0 var(--kr-green)}.briefing-step.is-complete .section-number{color:var(--kr-green)}
.form-section{padding:30px;border-bottom:1px solid #ece9ff;background:#fff}.form-section:nth-of-type(even){background:#faf9ff}.section-number{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eeeaff;color:var(--kr-purple);font-size:10px;font-weight:700;letter-spacing:.08em}.section-title{margin:12px 0 22px}.section-title h3{font-size:23px;margin:0 0 4px}.section-title p{margin:0;color:#777;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid:has(>label:only-child){grid-template-columns:1fr}.form-section label{color:#111}.form-section input,.form-section select,.form-section textarea{width:100%;border:1px solid #dcd7f7;border-radius:12px;padding:13px;background:#fff}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{outline:none;border-color:var(--kr-purple);box-shadow:0 0 0 3px rgba(81,53,237,.12)}
.library-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dcd7f7;border-radius:999px;padding:0 16px}.library-search input{border:0!important;box-shadow:none!important}.library-filters{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.filter-chip{border:1px solid #d8d0ff;background:#fff;color:var(--kr-purple);border-radius:999px;padding:8px 13px}.filter-chip.active{background:var(--kr-purple);color:#fff}.attach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.attach-card{display:block;border:1px solid #ded9fa;border-radius:14px;padding:11px;margin:0;cursor:pointer;background:#fff}.attach-card.selected{border-color:var(--kr-purple);box-shadow:0 0 0 2px rgba(81,53,237,.14);background:#f9f7ff}.attach-card input{position:absolute;opacity:0}.attach-thumb{width:100%;height:105px;object-fit:cover;border-radius:10px;background:#eee}.attach-card strong{display:block;margin:8px 0 4px}.attach-card small{display:block;color:#777;line-height:1.4}.attach-type{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--kr-purple)}.selected-summary{display:flex;justify-content:space-between;gap:14px;margin-top:14px;color:#777;font-size:11px}.sticky-actions{position:sticky;bottom:0;z-index:5;background:#fff;padding:18px 28px;border-top:1px solid #ece9ff}
.assign-card{max-width:760px;margin:auto}.assign-list{display:grid;gap:8px;margin:18px 0;min-height:390px}.assign-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #ddd8f7;border-radius:12px;padding:13px;cursor:pointer}.assign-row.selected{border-color:var(--kr-purple);background:#f8f6ff}.assign-row h4{margin:0 0 4px}.assign-row p{margin:0;color:#777;font-size:11px}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0}.ghost-btn.small{padding:8px 12px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;background:#111;color:#fff;border-radius:12px;padding:13px 18px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
.detail-card{max-width:1050px;margin:auto}.detail-content{padding:22px 0;display:grid;gap:15px}.detail-group{border:1px solid #e1dcfa;border-radius:14px;overflow:hidden}.detail-group h3{margin:0;padding:14px 18px;background:#eeeaff;color:var(--kr-purple);font-size:14px;text-transform:uppercase;letter-spacing:.05em}.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-field{padding:14px 18px;border-top:1px solid #ece9ff}.detail-field:nth-child(odd){border-right:1px solid #ece9ff}.detail-field small{display:block;color:#8a82b7;text-transform:uppercase;letter-spacing:.06em;font-size:9px;margin-bottom:5px}.detail-field p{margin:0;white-space:pre-wrap;font-size:12px;line-height:1.55}.detail-linked{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-linked article{border:1px solid #e1dcfa;border-radius:10px;padding:10px;font-size:11px}
@media(max-width:950px){header .menu-header-menu-container{display:none}.form-grid,.attach-grid,.detail-fields,.detail-linked{grid-template-columns:1fr}.detail-field:nth-child(odd){border-right:0}.section-head{align-items:flex-start;flex-direction:column}.form-progress{top:101px}}

.export-pdf-btn{display:inline-flex;align-items:center;gap:8px}.export-pdf-btn::before{content:"↓";font-weight:800}.form-progress{box-shadow:0 8px 18px rgba(36,25,95,.12)}

/* Brainstorm form progress: anchored to the top of the modal scroll area. */
.brainstorm-form-card{position:relative;max-height:92vh;overflow-y:auto;overscroll-behavior:contain}
.brainstorm-form-card .sticky-head{position:static}
.brainstorm-form-card .form-progress{position:sticky;top:0;z-index:40}
@media(max-width:950px){.brainstorm-form-card .form-progress{top:0}}