/* Exact, scoped adaptation of files_02/files_02/index.html and styles.css. */

.botiss-mycase-static,
.botiss-mycase-form-shell,
.gform_wrapper form.botiss-mycase-form {
    --botiss-ink: #0e1e2d;
    --botiss-ink-soft: #4a5b6e;
    --botiss-ink-faint: #8b98a8;
    --botiss-primary: #003d6b;
    --botiss-primary-dark: #002a4a;
    --botiss-primary-light: #0b5589;
    --botiss-accent: #00ccff;
    --botiss-accent-dark: #00a6cf;
    --botiss-bg: #fff;
    --botiss-bg-alt: #f4f7fa;
    --botiss-bg-band: #eaf1f6;
    --botiss-line: #d8e1e8;
    --botiss-line-soft: #e8edf1;
    --botiss-error: #b5443a;
    --botiss-radius: 2px;
    --botiss-shadow: 0 4px 20px rgba(14, 30, 45, 0.08);
    --botiss-sans: "Lato", Arial, Helvetica, sans-serif;
}

.botiss-mycase-static,
.botiss-mycase-static h1,
.botiss-mycase-static h2,
.botiss-mycase-static h3,
.botiss-mycase-static p,
.botiss-mycase-static li,
.botiss-mycase-static a,
.botiss-mycase-static button,
.botiss-mycase-form-shell,
.botiss-mycase-form-shell h1,
.botiss-mycase-form-shell h2,
.botiss-mycase-form-shell h3,
.botiss-mycase-form-shell p,
.botiss-mycase-form-shell li,
.gform_wrapper form.botiss-mycase-form,
.gform_wrapper form.botiss-mycase-form label,
.gform_wrapper form.botiss-mycase-form legend,
.gform_wrapper form.botiss-mycase-form input,
.gform_wrapper form.botiss-mycase-form select,
.gform_wrapper form.botiss-mycase-form textarea,
.gform_wrapper form.botiss-mycase-form button {
    font-family: var(--botiss-sans) !important;
}

.botiss-mycase-static,
.botiss-mycase-static *,
.botiss-mycase-form-shell,
.botiss-mycase-form-shell *,
.gform_wrapper form.botiss-mycase-form,
.gform_wrapper form.botiss-mycase-form * {
    box-sizing: border-box;
}

.botiss-mycase-static,
.botiss-mycase-form-shell {
    color: var(--botiss-ink);
    font-family: var(--botiss-sans);
    font-size: 16px;
    font-weight: 400;
    left: 50%;
    line-height: 1.6;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    overflow: hidden;
    position: relative;
    width: 100vw;
}

.botiss-mycase-static h1,
.botiss-mycase-static h2,
.botiss-mycase-static p,
.botiss-mycase-static ul {
    margin: 0;
    padding: 0;
}

.botiss-mycase-static h1,
.botiss-mycase-static h2 {
    color: var(--botiss-ink);
    font-family: var(--botiss-sans);
    font-weight: 300;
    letter-spacing: -0.01em;
    line-height: 1.15;
}

.botiss-mycase-static h1 {
    font-size: clamp(2.1rem, 4.5vw, 3.6rem);
}

.botiss-mycase-static h2 {
    font-size: clamp(1.7rem, 3vw, 2.4rem);
}

.botiss-mycase-static h1 b,
.botiss-mycase-static h2 b {
    font-weight: 800;
}

.botiss-mycase-static .eyebrow {
    color: var(--botiss-accent);
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.botiss-mycase-static .lead {
    color: var(--botiss-ink-soft);
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.6;
    max-width: 60ch;
}

.botiss-mycase-static .hero {
    background: var(--botiss-bg);
    overflow: hidden;
    padding: 4rem 2rem 3rem;
    position: relative;
}

.botiss-mycase-static .hero-inner {
    align-items: center;
    display: grid;
    gap: 4rem;
    grid-template-columns: 1.3fr 1fr;
    margin: 0 auto;
    max-width: 1280px;
}

.botiss-mycase-static .hero h1 {
    margin-bottom: 1.25rem;
}

.botiss-mycase-static .hero .lead {
    margin-bottom: 1.75rem;
    max-width: 52ch;
}

.botiss-mycase-static .hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.75rem;
}

.botiss-mycase-static .pill {
    align-items: baseline;
    background: var(--botiss-bg-alt);
    border: 1px solid var(--botiss-line);
    border-radius: 100px;
    color: var(--botiss-ink-soft);
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 500;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
}

.botiss-mycase-static .pill-n {
    color: var(--botiss-primary);
    font-weight: 800;
}

.botiss-mycase-static .hero-cta {
    align-items: center;
    background: #fff;
    border: 2px solid var(--botiss-accent);
    border-radius: 50px;
    box-shadow: none;
    color: #000 !important;
    display: inline-flex;
    font-size: 18px;
    font-weight: 300;
    gap: 0.55rem;
    letter-spacing: 0.015em;
    line-height: 1.1;
    padding: 13px 50px;
    text-decoration: none;
    text-transform: none;
    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

.botiss-mycase-static .hero-cta:hover,
.botiss-mycase-static .hero-cta:focus-visible {
    background: var(--botiss-accent);
    border-color: #fff;
    color: var(--botiss-bg) !important;
}

.botiss-mycase-static .hero-cta svg {
    transition: transform 0.2s;
}

.botiss-mycase-static .hero-cta:hover svg,
.botiss-mycase-static .hero-cta:focus-visible svg {
    transform: none;
}

.botiss-mycase-static .hero-visual {
    background: linear-gradient(140deg, var(--botiss-primary) 0%, var(--botiss-primary-dark) 100%);
    color: var(--botiss-bg);
    height: 100%;
    overflow: hidden;
    position: relative;
}

.botiss-mycase-static .hero-visual::before {
    background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, transparent 0);
    background-size: 22px 22px;
    content: "";
    inset: 0;
    position: absolute;
}

.botiss-mycase-static .hero-visual::after {
  background: radial-gradient(circle, rgba(0, 204, 255, 0.35) 0%, transparent 70%);
    border-radius: 50%;
    content: "";
    height: 480px;
    pointer-events: none;
    position: absolute;
    right: -180px;
    top: -180px;
    width: 480px;
}

.botiss-mycase-static .hero-visual .stripes {
    display: flex;
    gap: 0.5rem;
    left: 2rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
}

.botiss-mycase-static .hero-visual .stripe {
    background: rgba(255, 255, 255, 0.4);
    flex: 1;
    height: 3px;
}

.botiss-mycase-static .hero-visual .stripe.accent {
    background: var(--botiss-accent);
}

.botiss-mycase-static .hero-visual .vis-label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.72rem;
    font-weight: 700;
    left: 2rem;
    letter-spacing: 0.2em;
    position: absolute;
    text-transform: uppercase;
    top: 4.5rem;
}

.botiss-mycase-static .hero-visual .vis-headline {
    bottom: clamp(1.5rem, 5vw, 2.25rem);
    color: #fff;
    font-family: var(--botiss-sans);
    font-size: clamp(1.35rem, 3vw, 2rem);
    font-weight: 300;
    left: clamp(1.5rem, 5vw, 2rem);
    line-height: 1.15;
    margin: 0;
    pointer-events: none;
    position: absolute;
    right: clamp(1.5rem, 5vw, 2rem);
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);
    z-index: 2;
}

.botiss-mycase-static .hero-visual .vis-headline b {
    font-weight: 800;
}

.botiss-mycase-static .hero-visual .vis-sub {
    bottom: 1rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.78rem;
    left: 2rem;
    letter-spacing: 0.08em;
    position: absolute;
}

.botiss-mycase-static .mycase-slider {
    overflow: hidden;
    padding: 76px 24px 64px;
    background: #fff;
    color: var(--botiss-primary);
    font-family: var(--botiss-sans);
}

.botiss-mycase-static .mycase-slider__viewport {
    position: relative;
    width: min(100%, 1280px);
    margin: 0 auto;
    overflow: hidden;
    background: #eaf7fb;
    box-shadow: 0 20px 55px rgba(0, 61, 107, .14);
}

.botiss-mycase-static .mycase-slider__track {
    position: relative;
    width: 100%;
}

.botiss-mycase-static .mycase-slider__slide {
    display: none;
    margin: 0;
    position: relative;
}

.botiss-mycase-static .mycase-slider__slide::after {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 62%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.72));
    content: "";
    pointer-events: none;
}

.botiss-mycase-static .mycase-slider__slide.is-active {
    display: block;
    animation: mycase-slider-fade .35s ease both;
}

.botiss-mycase-static .mycase-slider__slide img {
	display: block;
	width: 100%;
	height: auto;
}

.botiss-mycase-static .hero-visual .mycase-slider,
.botiss-mycase-static .hero-visual .mycase-slider__viewport,
.botiss-mycase-static .hero-visual .mycase-slider__track,
.botiss-mycase-static .hero-visual .mycase-slider__slide {
	height: 100%;
}

.botiss-mycase-static .hero-visual .mycase-slider {
	position: absolute;
	inset: 0;
	width: 100%;
	padding: 0;
}

.botiss-mycase-static .hero-visual .mycase-slider__viewport {
	width: 100%;
	margin: 0;
	box-shadow: none;
}

.botiss-mycase-static .hero-visual .mycase-slider__slide img {
	height: 100%;
	object-fit: cover;
}

.botiss-mycase-static .hero-visual .mycase-slider__navigation {
	position: absolute;
	z-index: 4;
	right: 0;
	bottom: 20px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: auto;
	margin: 0;
	padding: 0 20px;
	pointer-events: none;
}

.botiss-mycase-static .hero-visual .mycase-slider__arrow,
.botiss-mycase-static .hero-visual .mycase-slider__dot {
	pointer-events: auto;
}

.botiss-mycase-static .hero-visual .mycase-slider__arrow {
	border-color: rgba(255, 255, 255, 0.75);
	background: rgba(0, 61, 107, 0.45);
	color: #fff;
	backdrop-filter: blur(4px);
}

.botiss-mycase-static .hero-visual .mycase-slider__arrow:hover {
	border-color: var(--botiss-accent);
	background: var(--botiss-accent);
	color: var(--botiss-primary);
}

.botiss-mycase-static .hero-visual .mycase-slider__dot {
	background: rgba(255, 255, 255, 0.55);
}

.botiss-mycase-static .hero-visual .mycase-slider__dot.is-active {
	background: var(--botiss-accent);
}

.botiss-mycase-static .mycase-slider__navigation {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 0;
}

.botiss-mycase-static .mycase-slider__caption {
	position: absolute;
	z-index: 2;
	right: clamp(1.25rem, 4vw, 2rem);
	bottom: 5.25rem;
	left: clamp(1.25rem, 4vw, 2rem);
	margin: 0;
	color: #fff;
	font-family: var(--botiss-sans);
	font-size: clamp(1.25rem, 2.5vw, 1.8rem);
	font-weight: 300;
	line-height: 1.2;
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);
}

.botiss-mycase-static .mycase-slider__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(0, 61, 107, .28);
    border-radius: 50%;
    background: transparent;
    color: var(--botiss-primary);
    font: inherit;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.botiss-mycase-static .mycase-slider__arrow span[aria-hidden="true"] {
    margin-bottom: 6px;
}

.botiss-mycase-static .mycase-slider__arrow:hover {
    border-color: var(--botiss-accent);
    background: var(--botiss-accent);
    color: var(--botiss-primary);
}

.botiss-mycase-static .mycase-slider__arrow:focus-visible {
    outline: 3px solid rgba(0, 204, 255, .35);
    outline-offset: 3px;
}

.botiss-mycase-static .mycase-slider__dots {
    display: flex;
    gap: .5rem;
}

.botiss-mycase-static .hero-visual .mycase-slider__dots {
	position: absolute;
	z-index: 4;
	top: 2rem;
	right: 2rem;
	left: 2rem;
}

.botiss-mycase-static .mycase-slider__dot {
    flex: 1;
    width: auto;
    height: 3px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(0, 61, 107, .25);
    cursor: pointer;
    transition: background-color .2s ease;
}

.botiss-mycase-static .mycase-slider__dot.is-active {
    background: var(--botiss-accent);
}

.botiss-mycase-static .mycase-slider__dot:focus-visible {
    outline: 3px solid rgba(0, 204, 255, .35);
    outline-offset: 3px;
}

@keyframes mycase-slider-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 760px) {
    .botiss-mycase-static .mycase-slider {
        padding: 52px 18px 46px;
    }

    .botiss-mycase-static .mycase-slider__arrow {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .botiss-mycase-static .hero-visual .mycase-slider__navigation {
		right: 12px;
        bottom: 12px;
        left: 12px;
        gap: 12px;
		width: auto;
		margin: 0;
		padding: 0;
    }

    .botiss-mycase-static .hero-visual .mycase-slider__arrow {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }

    .botiss-mycase-static .mycase-slider__caption {
		bottom: 4.5rem;
		font-size: clamp(1.1rem, 5vw, 1.4rem);
	}
}

@media (prefers-reduced-motion: reduce) {
    .botiss-mycase-static .mycase-slider__slide.is-active {
        animation: none;
    }

    .botiss-mycase-static .mycase-slider__arrow,
    .botiss-mycase-static .mycase-slider__dot {
        transition: none;
    }
}

.botiss-mycase-static .req-strip {
    background: var(--botiss-bg-alt);
    border-bottom: 1px solid var(--botiss-line-soft);
    border-top: 1px solid var(--botiss-line-soft);
    padding: 3rem 2rem;
}

.botiss-mycase-static .req-strip-inner {
    align-items: start;
    display: grid;
    gap: 3rem;
    grid-template-columns: 240px 1fr;
    margin: 0 auto;
    max-width: 1280px;
}

.botiss-mycase-static .req-strip-head h2 {
    font-size: 1.6rem;
    font-weight: 300;
}

.botiss-mycase-static .req-strip-list {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(4, 1fr);
    list-style: none;
}

.botiss-mycase-static .req-strip-list li {
    align-items: start;
    border-top: 2px solid var(--botiss-primary);
    display: grid;
    gap: 0.8rem;
    grid-template-columns: auto 1fr;
    padding-top: 0.85rem;
}

.botiss-mycase-static .req-strip-list .ri {
    color: var(--botiss-accent);
    font-size: 0.85rem;
    font-weight: 800;
}

.botiss-mycase-static .req-strip-list strong {
    color: var(--botiss-ink);
    display: block;
    font-size: 0.92rem;
    font-weight: 700;
    margin-bottom: 0.2rem;
}

.botiss-mycase-static .req-strip-list div > span {
    color: var(--botiss-ink-soft);
    display: block;
    font-size: 0.82rem;
    line-height: 1.45;
}

.botiss-mycase-static .form-section {
    background: var(--botiss-bg-alt);
    padding: 4rem 2rem 2.5rem;
}

.botiss-mycase-static .wrap,
.botiss-mycase-form-shell .wrap {
    margin: 0 auto;
    max-width: 1280px;
}

.botiss-mycase-static .section-head {
    margin: 0 auto;
    max-width: 720px;
    text-align: center;
}

.botiss-mycase-static .section-head .lead {
    margin: 1rem auto 0;
}

.botiss-mycase-static .required-mark {
    color: var(--botiss-accent);
    font-weight: 700;
}

.botiss-mycase-form-shell {
    background: var(--botiss-bg-alt);
    padding: 0 2rem 4rem;
}

.botiss-mycase-form-shell .gform_wrapper {
    margin: 0 auto;
    max-width: 920px;
}

.gform_wrapper form.botiss-mycase-form {
    background: var(--botiss-bg);
    border: 1px solid var(--botiss-line-soft);
    border-top: 4px solid var(--botiss-primary);
    box-shadow: var(--botiss-shadow);
    color: var(--botiss-ink);
    font-family: var(--botiss-sans);
    font-size: 16px;
    line-height: 1.6;
    margin-inline: auto;
    max-width: 920px;
    overflow: hidden;
}

.gform_wrapper form.botiss-mycase-form .gform_heading {
    display: none;
}

.gform_wrapper form.botiss-mycase-form .gform_body {
    padding: 0 3rem 1.5rem;
}

.gform_wrapper form.botiss-mycase-form .gform_fields {
    column-gap: 1.5rem;
    row-gap: 1.5rem;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-section-heading {
    border-top: 1px solid var(--botiss-line-soft);
    margin: 1rem -3rem 0;
    padding: 2.5rem 3rem 0;
}

.gform_wrapper form.botiss-mycase-form .gform_fields > .botiss-mycase-section-heading:first-child {
    border-top: 0;
    margin-top: 0;
}

.botiss-mycase-section-intro {
    margin-bottom: 0.5rem;
    max-width: 100%;
}

.botiss-mycase-step-header {
    align-items: baseline;
    border-bottom: 1px solid #e8edf1;
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.botiss-mycase-step-number {
  color: var(--botiss-accent);
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.botiss-mycase-section-intro h2,
.botiss-mycase-confirmation h2 {
    color: #0e1e2d;
  font-family: var(--botiss-sans);
    font-size: 1.55rem;
    font-weight: 300;
    letter-spacing: -0.01em;
    line-height: 1.15;
    margin: 0;
}

.botiss-mycase-section-intro h2 strong,
.botiss-mycase-confirmation h2 strong {
    font-weight: 800;
}

.botiss-mycase-section-intro > p,
.botiss-mycase-confirmation p {
    color: #4a5b6e;
    font-size: 0.94rem;
    line-height: 1.6;
    margin: 0;
    max-width: 65ch;
}

.botiss-mycase-callout {
    background: var(--botiss-bg-alt);
    border-left: 3px solid var(--botiss-accent);
    color: var(--botiss-ink-soft);
    font-size: 0.9rem;
    line-height: 1.55;
    margin-top: 1.25rem;
    padding: 0.95rem 1rem;
}

.botiss-mycase-callout strong {
    color: var(--botiss-ink);
}

/* Labels and controls */
.gform_wrapper form.botiss-mycase-form .gfield_label,
.gform_wrapper form.botiss-mycase-form .gform-field-label {
    color: var(--botiss-ink);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.4;
    margin-bottom: 0.55rem;
    text-transform: uppercase;
}

.gform_wrapper form.botiss-mycase-form .gfield_required {
    color: var(--botiss-accent);
    font-style: normal;
}

.gform_wrapper form.botiss-mycase-form .gfield_description,
.gform_wrapper form.botiss-mycase-form .ginput_counter {
    color: var(--botiss-ink-soft);
    font-size: 0.85rem;
    line-height: 1.5;
    margin-top: 0.45rem;
}

.gform_wrapper form.botiss-mycase-form input[type="text"],
.gform_wrapper form.botiss-mycase-form input[type="email"],
.gform_wrapper form.botiss-mycase-form input[type="number"],
.gform_wrapper form.botiss-mycase-form select,
.gform_wrapper form.botiss-mycase-form textarea {
    background: var(--botiss-bg);
    border: 1px solid var(--botiss-line);
    border-radius: var(--botiss-radius);
    box-shadow: none;
    color: var(--botiss-ink);
    font-family: inherit;
    font-size: 0.98rem;
    line-height: 1.55;
    min-height: 48px;
    padding: 0.85rem 1rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    width: 100%;
}

.gform_wrapper form.botiss-mycase-form textarea {
    min-height: 130px;
    resize: vertical;
}

.gform_wrapper form.botiss-mycase-form input:focus,
.gform_wrapper form.botiss-mycase-form select:focus,
.gform_wrapper form.botiss-mycase-form textarea:focus,
.gform_wrapper form.botiss-mycase-form button:focus-visible {
    border-color: var(--botiss-accent);
    box-shadow: 0 0 0 3px rgba(0, 204, 255, 0.18);
    outline: 0;
}

.gform_wrapper form.botiss-mycase-form input::placeholder,
.gform_wrapper form.botiss-mycase-form textarea::placeholder {
    color: var(--botiss-ink-faint);
}

/* Products */
.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group {
    margin-bottom: 0.25rem;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group > .gfield_label {
    border-bottom: 1px solid var(--botiss-line);
    color: var(--botiss-primary);
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    margin-bottom: 0.7rem;
    padding-bottom: 0.35rem;
    width: 100%;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group .gfield_checkbox {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group .gchoice {
    align-items: center;
    background: var(--botiss-bg);
    border: 1px solid var(--botiss-line);
    cursor: pointer;
    display: flex;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.6rem 0.85rem;
    transition: background 0.15s, border-color 0.15s;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group .gchoice:hover,
.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group .gchoice:focus-within {
    border-color: var(--botiss-accent);
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group .gchoice:has(input:checked) {
    background: rgba(0, 204, 255, 0.07);
    border-color: var(--botiss-accent);
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group input[type="checkbox"] {
    accent-color: var(--botiss-accent-dark);
    flex: 0 0 auto;
    height: 16px;
    margin: 0;
    width: 16px;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group .gchoice label {
    color: var(--botiss-ink-soft);
    cursor: pointer;
    font-size: 0.86rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.35;
    margin: 0;
    max-width: none;
    text-transform: none;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group .gchoice:has(input:checked) label {
    color: var(--botiss-ink);
    font-weight: 600;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-product-other .gfield_checkbox {
    grid-template-columns: minmax(0, 1fr);
    max-width: 280px;
}

/* Upload groups and per-file metadata */
.gform_wrapper form.botiss-mycase-form .botiss-mycase-upload-group {
    background: var(--botiss-bg-alt);
    border: 1px solid var(--botiss-line-soft);
    margin-bottom: 0.5rem;
    padding: 1.4rem;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-upload-group > .gfield_label {
    color: var(--botiss-ink);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 0.25rem;
    text-transform: none;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-upload-group > .gfield_description {
    font-size: 0.82rem;
    margin: 0 0 0.9rem;
}

.gform_wrapper form.botiss-mycase-form .gform_drop_area {
    background: var(--botiss-bg);
    border: 1.5px dashed var(--botiss-line);
    border-radius: 0;
    color: var(--botiss-ink-soft);
    margin: 0;
    padding: 2rem 1rem;
    text-align: center;
    transition: background 0.2s, border-color 0.2s;
}

.gform_wrapper form.botiss-mycase-form .gform_drop_area:hover,
.gform_wrapper form.botiss-mycase-form .gform_drop_area:focus-within {
    background: rgba(0, 204, 255, 0.06);
    border-color: var(--botiss-accent);
}

.gform_wrapper form.botiss-mycase-form .gform_drop_instructions {
    color: var(--botiss-ink);
    font-size: 0.92rem;
    font-weight: 700;
}

.gform_wrapper form.botiss-mycase-form .gform_button_select_files {
    background: transparent;
    border: 0;
    color: #00ccff;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.35rem 0.45rem;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.gform_wrapper form.botiss-mycase-form .ginput_preview_list {
    display: grid;
    gap: 0.6rem;
    margin-top: 1rem;
}

.gform_wrapper form.botiss-mycase-form .ginput_preview {
    align-items: center;
    background: var(--botiss-bg);
    border: 1px solid var(--botiss-line-soft);
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.75rem;
}

.gform_wrapper form.botiss-mycase-form .ginput_preview strong,
.gform_wrapper form.botiss-mycase-form .ginput_preview .gfield_fileupload_filename {
    color: var(--botiss-ink);
    font-size: 0.83rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.gform_wrapper form.botiss-mycase-form .ginput_preview .gform_delete_file,
.gform_wrapper form.botiss-mycase-form .ginput_preview .gform_delete_file button {
    color: var(--botiss-error);
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-caption {
    border-top: 1px solid var(--botiss-line-soft);
    flex: 1 0 100%;
    margin-top: 0.25rem;
    padding-top: 0.85rem;
    width: 100%;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-caption > .gform-field-label,
.gform_wrapper form.botiss-mycase-form .botiss-mycase-timepoint > .gform-field-label {
    display: block;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-caption textarea {
    min-height: 76px;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-timepoint {
    margin-top: 0.85rem;
    max-width: 300px;
}

.botiss-mycase-caption-filename {
    overflow-wrap: anywhere;
    text-transform: none;
}

.botiss-mycase-caption-help,
.botiss-mycase-caption-counter {
    color: #4a5b6e;
    display: block;
    font-size: 0.8rem;
    line-height: 1.45;
    margin: 0.4rem 0 0;
}

.botiss-mycase-caption-counter {
    text-align: right;
}

/* Consent cards */
.gform_wrapper form.botiss-mycase-form .botiss-mycase-consent {
    background: var(--botiss-bg-alt);
    border: 1px solid var(--botiss-line-soft);
    border-left: 3px solid var(--botiss-line);
    padding: 0.9rem 1rem;
    transition: background 0.15s, border-left-color 0.15s;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-consent:hover,
.gform_wrapper form.botiss-mycase-form .botiss-mycase-consent:focus-within {
    border-left-color: var(--botiss-accent);
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-consent:has(input:checked) {
    background: rgba(0, 204, 255, 0.07);
    border-left-color: var(--botiss-accent);
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-consent > .gfield_label {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-consent .gfield_checkbox {
    margin: 0;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-consent .gchoice {
    align-items: flex-start;
    display: flex;
    gap: 0.85rem;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-consent input[type="checkbox"] {
    accent-color: var(--botiss-accent-dark);
    flex: 0 0 auto;
    height: 18px;
    margin: 2px 0 0;
    width: 18px;
}

.gform_wrapper form.botiss-mycase-form .botiss-mycase-consent .gchoice label {
    color: var(--botiss-ink-soft);
    cursor: pointer;
    font-size: 0.92rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.55;
    margin: 0;
    max-width: none;
    text-transform: none;
}

/* Actions */
.gform_wrapper form.botiss-mycase-form .gform_footer {
    align-items: center;
    border-top: 1px solid var(--botiss-line-soft);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin: 2.5rem 0 0;
    padding: 1.5rem 3rem 2.5rem;
}

.gform_wrapper form.botiss-mycase-form .gform_button,
.gform_wrapper form.botiss-mycase-form input[type="submit"] {
    background: #fff;
    border: 2px solid var(--botiss-accent);
    border-radius: 50px;
    box-shadow: none;
    color: #000;
    cursor: pointer;
    font-family: inherit;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.015em;
    line-height: 1.1;
    min-height: 0;
    padding: 13px 50px;
    text-transform: none;
    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

.gform_wrapper form.botiss-mycase-form .gform_button:hover,
.gform_wrapper form.botiss-mycase-form input[type="submit"]:hover,
.gform_wrapper form.botiss-mycase-form .gform_button:focus-visible,
.gform_wrapper form.botiss-mycase-form input[type="submit"]:focus-visible {
    background: var(--botiss-accent);
    border-color: #fff;
    color: var(--botiss-bg);
}

.gform_wrapper form.botiss-mycase-form .gform_ajax_spinner {
    margin-left: auto;
}

/* Validation and stored-entry rendering */
.gform_wrapper form.botiss-mycase-form .gform_validation_errors,
.gform_wrapper form.botiss-mycase-form .validation_message {
    border-radius: 0;
    color: var(--botiss-error);
}

.gform_wrapper form.botiss-mycase-form .gform_validation_errors {
    margin: 0 3rem 1rem;
}

.botiss-mycase-confirmation {
    background: #fff;
    border: 1px solid #e8edf1;
    border-top: 4px solid #003d6b;
    box-shadow: 0 4px 20px rgba(14, 30, 45, 0.08);
    color: #0e1e2d;
  font-family: var(--botiss-sans);
    margin-inline: auto;
    max-width: 920px;
    padding: 2.5rem 3rem;
}

.botiss-mycase-entry-captions {
    margin: 0;
    padding-left: 1.4rem;
}

.botiss-mycase-entry-captions li + li {
    margin-top: 0.75rem;
}

@keyframes botissMyCaseFadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: none; }
}

.botiss-mycase-static .hero h1,
.botiss-mycase-static .hero .lead,
.botiss-mycase-static .hero-pills,
.botiss-mycase-static .hero-cta {
    animation: botissMyCaseFadeUp 0.7s cubic-bezier(.2, .6, .2, 1) both;
}

.botiss-mycase-static .hero .lead { animation-delay: 0.08s; }
.botiss-mycase-static .hero-pills { animation-delay: 0.16s; }
.botiss-mycase-static .hero-cta { animation-delay: 0.24s; }
.botiss-mycase-static .hero-visual { animation: botissMyCaseFadeUp 0.9s cubic-bezier(.2, .6, .2, 1) 0.2s both; }

@media (max-width: 960px) {
    .botiss-mycase-static .hero-inner {
        gap: 2rem;
        grid-template-columns: 1fr;
    }

    .botiss-mycase-static .hero-visual {
        aspect-ratio: 16 / 10;
    }

    .botiss-mycase-static .req-strip-inner {
        gap: 1.5rem;
        grid-template-columns: 1fr;
    }

    .botiss-mycase-static .req-strip-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .botiss-mycase-static .hero,
    .botiss-mycase-static .req-strip,
    .botiss-mycase-static .form-section {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .botiss-mycase-form-shell {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .gform_wrapper form.botiss-mycase-form .gform_body {
        padding-inline: 1.25rem;
    }

    .gform_wrapper form.botiss-mycase-form .botiss-mycase-section-heading {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .gform_wrapper form.botiss-mycase-form .botiss-mycase-half {
        grid-column: 1 / -1;
    }

    .gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group .gfield_checkbox {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gform_wrapper form.botiss-mycase-form .botiss-mycase-upload-group {
        padding: 1rem;
    }

    .gform_wrapper form.botiss-mycase-form .ginput_preview {
        display: block;
    }

    .gform_wrapper form.botiss-mycase-form .botiss-mycase-caption {
        margin-top: 0.85rem;
    }

    .gform_wrapper form.botiss-mycase-form .gform_footer {
        align-items: stretch;
        flex-direction: column-reverse;
        margin-inline: 0;
        padding: 1.25rem 1.25rem 1.75rem;
    }

    .gform_wrapper form.botiss-mycase-form .gform_footer input {
        margin: 0;
        width: 100%;
    }

    .gform_wrapper form.botiss-mycase-form .gform_validation_errors {
        margin-inline: 1.25rem;
    }

    .botiss-mycase-confirmation {
        padding: 1.75rem 1.25rem;
    }
}

@media (max-width: 560px) {
    .botiss-mycase-static .req-strip-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .gform_wrapper form.botiss-mycase-form .botiss-mycase-product-group .gfield_checkbox {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .botiss-mycase-static *,
    .gform_wrapper form.botiss-mycase-form * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}