/**
 * INAI desktop layout — Figma "Startseite" 1036:1129 (1440 canvas).
 *
 * Figma composes each section as a fixed-height canvas with absolutely
 * positioned children. This file is the coordinate table for that canvas.
 * Below 1200px the canvas is released and Elementor's flow layout takes over
 * (see the tail of this file and the responsive block in global.css).
 *
 * Full-bleed sections (1440 wide) use percentages so they scale between
 * 1200-1440; fixed-width sections (<=1200) use the literal Figma pixels.
 */

@media (min-width: 1200px) {

	/* ---------------------------------------------------------------- */
	/* Canvas primitives                                                 */
	/* ---------------------------------------------------------------- */

	.inia-homepage > .e-con {
		position: relative;
		margin-inline: auto;
	}

	/**
	 * Full-bleed sections stop growing at the 1440 Figma canvas so the
	 * percentage coordinates below stay pixel-exact on wide displays.
	 */
	.inia-section-referenzen,
	.inia-section-statistik,
	.inia-section-growth,
	.inia-section-blog,
	.inia-section-trenner {
		max-width: 1440px !important;
	}

	.inia-homepage > .e-con > .e-con.inia-passthrough,
	.inia-homepage .inia-passthrough {
		display: contents;
	}

	/**
	 * Everything the coordinate table below places. Listed explicitly because
	 * some elements sit inside layout-only `display: contents` wrappers, so a
	 * child combinator would miss them.
	 */
	.inia-hero-left, .inia-hero-phone-wrap,
	.inia-ref__heading, .inia-ref__mark, .inia-referenz-cards, .inia-ref__cta,
	.inia-leist__heading, .inia-leistungen-path, .inia-leist__meter, .inia-leist__cta,
	.inia-leist__card-1, .inia-leist__card-2, .inia-leist__card-3,
	.inia-leist__card-4, .inia-leist__card-5, .inia-leist__card-6,
	.inia-stat__grid, .inia-stat__macbook, .inia-stat__heading,
	.inia-stat__impressions, .inia-stat__ctr, .inia-stat__kosten, .inia-stat__klicks,
	.inia-stat__conversions, .inia-stat__cpa, .inia-stat__cpc,
	.inia-stat__insight-1, .inia-stat__insight-2, .inia-stat__insight-3,
	.inia-tools__kreis, .inia-tools__heading, .inia-tools__text, .inia-tools__logos,
	.inia-team__copy, .inia-team__photos,
	.inia-promise__phone, .inia-promise__copy, .inia-promise__arrow,
	.inia-promise__bars,
	.inia-growth__heading, .inia-growth__qa,
	.inia-problem__media, .inia-problem__copy,
	.inia-impact__copy, .inia-impact__media,
	.inia-testi__heading, .inia-testi__line, .inia-testi__card-1, .inia-testi__card-2,
	.inia-testi__card-3, .inia-testi__cta,
	.inia-stat__looker,
	.inia-kal__heading, .inia-kal__kreis, .inia-kal__embed,
		.inia-blog__band, .inia-blog__phone, .inia-blog__screen,
	.inia-blog__card-2, .inia-blog__card-3,
	.inia-blog__arrow-prev, .inia-blog__arrow-next {
		/* Legacy absolute slots — dynamic carousel self-positions instead. */
		position: absolute;
		margin: 0;
	}

	/* Widgets sized by Figma must not stretch to the canvas. */
	.inia-homepage [class*="inia-section-"] .elementor-widget-image,
	.inia-homepage [class*="inia-section-"] .elementor-widget-button {
		width: auto;
	}

	/* ---------------------------------------------------------------- */
	/* Section / Hero — 1200 x 763                                       */
	/* ---------------------------------------------------------------- */

	.inia-hero-left       { left: 0;     top: 0; width: 596px; }
	.inia-hero-phone-wrap { left: 629px; top: 0; width: 451px; height: 763px; overflow: hidden; }

	.inia-section-hero {
		overflow: hidden;
	}

	/* ---------------------------------------------------------------- */
	/* Section / Video Referenzen — 1440 x 886                           */
	/* ---------------------------------------------------------------- */

	.inia-ref__heading   { left: 29.7917%; top: 0;     width: 40.4861%; text-align: center; }
	.inia-ref__mark      { left: 49.1667%; top: 120px; width: 24px; }
	.inia-referenz-cards { left: 8.3333%;  top: 201px; width: 83.3333%; }
	.inia-ref__cta       { left: 43.3333%; top: 806px; }

	/* Figma Button / Secondary 189×48 (1036:1245). */
	.inia-ref__cta .elementor-button {
		min-width: 189px;
	}

	/* ---------------------------------------------------------------- */
	/* Section / Leistungen — 1200 x 1694                                */
	/* ---------------------------------------------------------------- */

	.inia-leist__heading   { left: 307px; top: 0;      width: 583px; text-align: center; }

	/*
	 * Figma Line (1060:3587) frame is 996×1239 @ 102,129, but the exported
	 * asset overflows that frame (inset -0.6% / -0.85% / -0.95% / -1.17%) →
	 * natural 1016.1×1258.16. Place the asset at the overflow box — do NOT
	 * stretch it into 996×1239 (that skewed the stroke vs the cards).
	 */
	.inia-leistungen-path {
		left: 90.35px;
		top: 121.57px;
		width: 1016.1px;
		height: 1258.16px;
	}

	.inia-leistungen-path,
	.inia-leistungen-path .elementor-widget-container,
	.inia-leistungen-path img {
		width: 1016.1px !important;
		max-width: none !important;
		height: 1258.16px !important;
		padding: 0 !important;
		object-fit: fill !important;
	}
	.inia-leist__card-1    { left: 0;     top: 86px;   width: 384px; }
	.inia-leist__card-2    { left: 408px; top: 185px;  width: 384px; }
	.inia-leist__card-3    { left: 816px; top: 97px;   width: 384px; }
	.inia-leist__card-4    { left: 816px; top: 614px;  width: 384px; }
	.inia-leist__card-5    { left: 408px; top: 732px;  width: 384px; }
	.inia-leist__card-6    { left: 0;     top: 657px;  width: 384px; }
	.inia-leist__meter     { left: 408px; top: 1249px; width: 384px; }
	.inia-leist__cta       { left: 856px; top: 1307px; }

	/**
	 * Figma draws each card twice: closed (384x181) and open (384x469), the
	 * INAI-O-Meter 175 / 445. The card grows in place on hover and lifts above
	 * its neighbours; the coordinates leave room for every open card.
	 */
	.inia-section-leistungen .inia-service-card {
		height: 181px;
		transition: height 0.35s ease;
		z-index: 1;
	}

	.inia-section-leistungen .inia-leist__meter {
		height: 175px;
	}

	.inia-section-leistungen .inia-service-card:hover,
	.inia-section-leistungen .inia-service-card:focus-within {
		height: 469px;
		z-index: 4;
	}

	.inia-section-leistungen .inia-leist__meter:hover,
	.inia-section-leistungen .inia-leist__meter:focus-within {
		height: 445px;
	}

	.inia-section-leistungen .inia-service-card__body,
	.inia-section-leistungen .inia-service-card__cta {
		opacity: 0;
		transform: translateY(8px);
		transition: opacity 0.2s ease, transform 0.25s ease;
	}

	.inia-section-leistungen .inia-service-card:hover .inia-service-card__body,
	.inia-section-leistungen .inia-service-card:hover .inia-service-card__cta,
	.inia-section-leistungen .inia-service-card:focus-within .inia-service-card__body,
	.inia-section-leistungen .inia-service-card:focus-within .inia-service-card__cta {
		opacity: 1;
		transform: none;
		transition-delay: 0.12s;
	}

	/* ---------------------------------------------------------------- */
	/* Section / Statistik — 1440 x 714                                  */
	/* ---------------------------------------------------------------- */

	.inia-stat__grid    { left: 0;         top: 0;     width: 100%;     z-index: 0; opacity: .5; }
	/* Figma draws the device at 764x432 inside its 810x662 frame. */
	.inia-stat__macbook { left: 23.4028%;  top: 109px; width: 53.0556%; z-index: 1; }

	.inia-stat__macbook img {
		width: 100%;
		height: auto;
	}
	.inia-stat__heading { left: 32.5%;     top: 271px; width: 36.5278%; z-index: 2; text-align: center; }
	.inia-stat__looker  { left: 47.7778%;  top: 218px; width: 6.0417%;  z-index: 2; }

	/* Figma 1036:1251 — Bold 50 in a 526×109 box (2 lines → lh 54.5). */
	.inia-homepage .inia-stat__heading .elementor-heading-title {
		font-family: var(--inai-font-display) !important;
		font-size: 50px !important;
		font-weight: 700 !important;
		line-height: 54.5px !important;
	}

	/*
	 * Figma 1036:1254 — blue insight cards sit above the MacBook; metric
	 * cards (esp. Klicks) must paint above the blue cards.
	 */
	.inia-section-statistik {
		overflow: visible !important;
	}

	.inia-section-statistik .inia-insight-card { z-index: 3; }
	.inia-section-statistik .inia-metric-card  { z-index: 5; height: 87px; }
	/* Klicks overlaps Live-Daten blue card — must stay on top (Figma 1036:1291). */
	.inia-section-statistik .inia-stat__klicks { z-index: 6; }

	.inia-stat__impressions { left: 14.9306%; top: 77px;  width: 10.9028%; }
	.inia-stat__ctr         { left: 58.1250%; top: 50px;  width: 10.9028%; }
	.inia-stat__kosten      { left: 75.6944%; top: 109px; width: 10.9028%; }
	.inia-stat__klicks      { left: 29.3750%; top: 145px; width: 10.9028%; }
	.inia-stat__conversions { left: 9.5833%;  top: 466px; width: 10.9028%; }
	.inia-stat__cpa         { left: 25.4167%; top: 486px; width: 10.9028%; }
	.inia-stat__cpc         { left: 78.0556%; top: 494px; width: 10.9028%; }

	.inia-stat__insight-1 { left: 10.2778%; top: 189px; width: 20.4167%; height: 256px; }
	.inia-stat__insight-2 { left: 52.7778%; top: 482px; width: 20.4167%; height: 232px; }
	.inia-stat__insight-3 { left: 69.0278%; top: 218px; width: 20.4167%; height: 256px; }

	/*
	 * Metric (number) cards only — opposite phases so while one rises
	 * the next sinks. Blue insight cards stay still.
	 */
	@keyframes inia-stat-float-up {
		0%, 100% { transform: translate3d(0, 0, 0); }
		50%      { transform: translate3d(0, -12px, 0); }
	}

	@keyframes inia-stat-float-down {
		0%, 100% { transform: translate3d(0, 0, 0); }
		50%      { transform: translate3d(0, 12px, 0); }
	}

	.inia-section-statistik .inia-metric-card {
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-duration: 5.5s;
		will-change: transform;
	}

	.inia-section-statistik .inia-stat__impressions,
	.inia-section-statistik .inia-stat__kosten,
	.inia-section-statistik .inia-stat__conversions,
	.inia-section-statistik .inia-stat__cpc {
		animation-name: inia-stat-float-up;
	}

	.inia-section-statistik .inia-stat__ctr,
	.inia-section-statistik .inia-stat__klicks,
	.inia-section-statistik .inia-stat__cpa {
		animation-name: inia-stat-float-down;
	}

	.inia-section-statistik .inia-metric-card:hover {
		animation-play-state: paused;
		transform: translate3d(0, -8px, 0);
	}

	@media (prefers-reduced-motion: reduce) {
		.inia-section-statistik .inia-metric-card {
			animation: none !important;
		}
	}

	/* ---------------------------------------------------------------- */
	/* Section / Marketing Tools — 962 x 472                             */
	/* ---------------------------------------------------------------- */

	.inia-tools__kreis   { left: 552px; top: 0;     width: 153px; }
	.inia-tools__heading { left: 280px; top: 15px;  width: 402px; text-align: center; }
	.inia-tools__text    { left: 85px;  top: 103px; width: 792px; text-align: center; }
	.inia-tools__logos   { left: 0;     top: 191px; width: 962px; }

	/* ---------------------------------------------------------------- */
	/* Section / Team — 1200 x 528                                       */
	/* ---------------------------------------------------------------- */

	.inia-team__copy   { left: 0;     top: 0;     width: 472px; }
	.inia-team__photos { left: 510px; top: 144px; width: 690px; }

	/* ---------------------------------------------------------------- */
	/* Section / Promise — 1200 x 772                                    */
	/* ---------------------------------------------------------------- */

	.inia-section-promise { overflow: hidden; }
	.inia-promise__phone { left: 0;     top: -1px;  width: 462px; height: 772px; overflow: hidden; }
	.inia-promise__copy  { left: 588px; top: 0;     width: 498px; overflow: visible; }
	.inia-promise__bars  { left: 894px; top: 449px; width: 282px; height: 284px; }

	/* Figma 1214:1466 at section x=894 y=284 (arrow may live inside copy in Elementor). */
	.inia-section-promise > .inia-promise__arrow,
	.inia-promise__copy > .inia-promise__arrow {
		position: absolute;
		width: 282px;
		height: 199px;
	}
	.inia-section-promise > .inia-promise__arrow { left: 894px; top: 284px; }
	.inia-promise__copy > .inia-promise__arrow   { left: 306px; top: 284px; }

	.inia-promise__arrow img,
	.inia-promise__arrow .elementor-widget-container {
		width: 282px !important;
		max-width: 282px !important;
		height: 199px !important;
		object-fit: contain !important;
	}

	/* ---------------------------------------------------------------- */
	/* Section / Growth Partner — 1440 x 616                             */
	/* ---------------------------------------------------------------- */

	.inia-growth__heading { left: 29.0278%; top: 0;     width: 41.9444%; text-align: center; z-index: 1; }
	.inia-growth__qa      { left: 10.4167%; top: 216px; width: 79.1667%; height: 319px; z-index: 1; }

	/* Soft-grey band under the heading (Figma 1036:1148 — 1440×480 @ y136). */
	.inia-section-growth::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 136px;
		height: 480px;
		background: var(--inai-soft-grey, #f1f1f2);
		pointer-events: none;
		z-index: 0;
	}

	/* Q&A Painpoints absolute layout inside 1140×319 (Figma 1036:1149). */
	.inia-growth__qa > .elementor-widget-container,
	.inia-growth__qa .inia-growth-qa {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.inia-growth-qa__questions {
		position: absolute;
		left: 0;
		top: 0;
		width: 483px;
		height: 100%;
	}

	.inia-growth-qa__q {
		position: absolute;
		left: 0;
		width: 463px;
		height: 91px;
	}

	.inia-growth-qa__q:nth-child(1) { top: 0; width: 483px; }
	.inia-growth-qa__q:nth-child(2) { top: 99px; }
	.inia-growth-qa__q:nth-child(3) { top: 201px; }

	.inia-growth-qa__icon {
		position: absolute;
		left: 21px;
		top: 6px;
		width: 85px;
		height: 70px;
	}

	.inia-growth-qa__label {
		position: absolute;
		left: 124px;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 339px;
		height: 91px;
	}

	.inia-growth-qa__q.is-active .inia-growth-qa__label { width: 359px; }

	.inia-growth-qa__divider {
		position: absolute;
		left: 526px;
		top: 0;
		width: 1px;
		height: 319px;
		background: var(--inai-electric-blue, #2d5bff);
		overflow: hidden;
	}

	.inia-growth-qa__divider img {
		display: none;
	}

	.inia-growth-qa__panel {
		position: absolute;
		left: 577px;
		top: 0;
		width: 560px;
		height: 100%;
	}

	.inia-growth-qa__answer {
		position: absolute;
		left: 0;
		top: 23px;
		width: 560px;
		margin: 0;
	}

	.inia-growth-qa__cta {
		position: absolute;
		left: 0;
		top: 246px;
	}

	/* ---------------------------------------------------------------- */
	/* Section / Problem Solution — 1196 x 456                           */
	/* ---------------------------------------------------------------- */

	.inia-problem__media {
		left: 0;
		top: 0;
		width: 553px;
		height: 433px;
		overflow: hidden;
	}
	.inia-problem__copy  { left: 608px; top: 0; width: 588px; }

	/* ---------------------------------------------------------------- */
	/* Section / Impact & Insights — 1200 x 504                          */
	/* ---------------------------------------------------------------- */

	.inia-impact__copy  { left: 0;     top: 0;     width: 588px; }
	.inia-impact__media { left: 613px; top: 116px; width: 587px; height: 321px; }

	/* ---------------------------------------------------------------- */
	/* Section / Kundenbewertungen — 1200 x 904                          */
	/* ---------------------------------------------------------------- */

	.inia-testi__heading { left: 278px; top: 0;     width: 755px; min-height: 96px; text-align: center; }
	/* Figma 1036:1205 Line frame 223×34 @ 568/96 (asset may paint outside). */
	.inia-testi__line    { left: 568px; top: 96px;  width: 223px; height: 34px; overflow: visible; }

	.inia-testi__line img,
	.inia-testi__line .elementor-widget-container,
	.inia-testi__line .elementor-widget-container img {
		width: 223px !important;
		max-width: none !important;
		height: 34px !important;
		object-fit: contain !important;
	}
	.inia-testi__card-1  { left: 0;     top: 172px; width: 486px; height: 272px; }
	.inia-testi__card-2  { left: 305px; top: 468px; width: 486px; height: 320px; }
	.inia-testi__card-3  { left: 713px; top: 300px; width: 486px; height: 248px; }
	.inia-testi__cta     { left: 655px; top: 852px; }

	.inia-testi__cta .elementor-button {
		min-width: 340px;
		max-width: none !important;
	}

	/* ---------------------------------------------------------------- */
	/* Section / Kalender — 1080 x 1050 (native Calendly 1000×700)       */
	/* ---------------------------------------------------------------- */

	.inia-section-kalender {
		overflow: visible !important;
	}

	.inia-kal__heading { left: 105px; top: 0;     width: 869px; text-align: center; }
	.inia-kal__kreis   { left: 757px; top: 216px; width: 323px; height: 323px; z-index: 0; overflow: visible !important; }
	.inia-kal__embed   { left: 40px;  top: 312px; width: 1000px; height: 700px; z-index: 1; }

	/* ---------------------------------------------------------------- */
	/* Section / IPhone Blog Cards — 1440 x 590                          */
	/* ---------------------------------------------------------------- */

	.inia-section-blog {
		/* Carousel self-layouts inside the section canvas. */
	}

	.inia-blog__band       { left: 0;         top: 135px; width: 100%;     height: 320px; }
	.inia-blog__phone      { left: 39.6528%;  top: 0;     width: 20.6944%; z-index: 2; }
	.inia-blog__screen     { left: 40.7639%;  top: 18px;  width: 18.4722%; z-index: 1; }
	.inia-blog__card-2     { left: 61.4583%;  top: 174px; width: 16.25%; }
	.inia-blog__card-3     { left: 78.8194%;  top: 174px; width: 16.25%; }
	.inia-blog__arrow-prev { left: 30.7639%;  top: 271px; width: 3.3333%; z-index: 3; }
	.inia-blog__arrow-next { left: 65.8333%;  top: 271px; width: 3.3333%; z-index: 3; }

	/* The screen sits inside the phone bezel, so it tracks the frame's scale. */
	.inia-blog__screen {
		aspect-ratio: 266 / 554;
	}

	/* ---------------------------------------------------------------- */
	/* Copy blocks — heading / body / CTA are pinned to Figma offsets so  */
	/* the CTA never drifts with the length of the paragraph above it.    */
	/* ---------------------------------------------------------------- */

	.inia-team__copy    { height: 528px; }
	.inia-promise__copy { height: 432px; }
	.inia-problem__copy { height: 456px; }
	.inia-impact__copy  { height: 504px; }

	.inia-team__copy > .elementor-widget-heading,
	.inia-team__copy > .elementor-widget-text-editor,
	.inia-team__copy > .elementor-widget-button,
	.inia-promise__copy > .elementor-widget-heading,
	.inia-promise__copy > .elementor-widget-text-editor,
	.inia-promise__copy > .elementor-widget-button,
	.inia-problem__copy > .elementor-widget-heading,
	.inia-problem__copy > .elementor-widget-text-editor,
	.inia-problem__copy > .elementor-widget-button,
	.inia-impact__copy > .elementor-widget-heading,
	.inia-impact__copy > .elementor-widget-text-editor,
	.inia-impact__copy > .elementor-widget-button {
		position: absolute;
		left: 0;
		margin: 0;
	}

	.inia-team__copy > .elementor-widget-heading    { top: 0; width: 384px; }
	.inia-promise__copy > .elementor-widget-heading { top: 0; width: 498px; }
	.inia-problem__copy > .elementor-widget-heading,
	.inia-impact__copy > .elementor-widget-heading  { top: 0; width: 588px; }

	.inia-team__copy > .elementor-widget-text-editor    { top: 120px; width: 472px; }
	.inia-promise__copy > .elementor-widget-text-editor { top: 120px; width: 498px; }
	.inia-problem__copy > .elementor-widget-text-editor,
	.inia-impact__copy > .elementor-widget-text-editor  { top: 120px; width: 485px; }

	.inia-team__copy > .elementor-widget-button    { top: 480px; }
	.inia-promise__copy > .elementor-widget-button { top: 384px; }
	.inia-problem__copy > .elementor-widget-button { top: 408px; }
	.inia-impact__copy > .elementor-widget-button  { top: 456px; }

	/* Team photo strip is clipped to 690px in Figma (1036:1184). */
	.inia-team__photos {
		display: block;
		overflow: hidden;
		height: 384px;
	}

	.inia-team__photos > .elementor-widget-container,
	.inia-team__photos-inner,
	.inia-team__photos-inner > .elementor-widget-container {
		height: 100%;
	}

	/*
	 * 5×256 + 4×24 = 1376px track in a 690px viewport — last cards crop.
	 * JS (global.js) slides .inia-team__photos-inner on hover; transition lives here.
	 */
	.inia-section-team .inia-team__photos-inner {
		transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
		will-change: transform;
	}

	@media (prefers-reduced-motion: reduce) {
		.inia-section-team .inia-team__photos-inner {
			transition: none;
		}
	}

	/* Referenz + blog rows keep their Figma gaps. */
	.inia-referenz-cards {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 24px;
	}

	/* Platform logo grid — 6 x 140.33 with 24px column gutters. */
	.inia-tools__logos {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		column-gap: 24px;
		row-gap: 0;
	}

	.inia-tools__logos .elementor-widget-image { width: 100%; }

	.inia-tools__logos img {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: contain;
	}

	/* ---------------------------------------------------------------- */
	/* Footer — Figma 1036:1161 (1441 x 586, padding 64, row gap 64)     */
	/* Rows: newsletter 116 / links 144 / bottom 70                      */
	/* ---------------------------------------------------------------- */

	.inia-footer__inner {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 64px;
	}

	.inia-footer__newsletter {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		gap: 24px;
		height: 116px;
	}

	.inia-footer__newsletter-heading { width: 750px; }
	.inia-footer__newsletter-form    { width: 358px; }

	.inia-footer__newsletter-heading .elementor-heading-title {
		font-size: 48px;
		line-height: 58px;
	}

	.inia-footer__columns {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 40px;
		height: 144px;
	}

	.inia-footer__col-1 { width: 199px; }
	.inia-footer__col-2 { width: 128px; }
	.inia-footer__col-3 { width: 179px; }
	.inia-footer__col-4 { width: 199px; }

	.inia-footer__bottom {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: flex-end;
		gap: 40px;
		height: 70px;
		width: 100%;
	}

	/* Figma 1036:1173 — icon group is shrink-wrapped (3×85 + 2×16 = 287), not full-bleed. */
	.inia-footer__social,
	.inia-footer__social.e-con,
	.elementor-location-footer .inia-footer__social {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 16px !important;
		width: max-content !important;
		max-width: 287px !important;
		flex: 0 0 auto !important;
		align-self: flex-end !important;
	}

	.inia-footer__social .elementor-widget-image,
	.inia-footer__social .elementor-widget-image .elementor-widget-container {
		width: 85px !important;
		height: 70px !important;
		margin: 0 !important;
		flex: 0 0 85px !important;
	}

	.inia-footer__social img {
		display: block !important;
		width: 85px !important;
		height: 70px !important;
		max-width: none !important;
		object-fit: contain !important;
	}

	.inia-footer__legal {
		width: auto;
		max-width: 222px;
		flex: 0 0 auto;
		align-self: flex-end;
	}
}

/* ------------------------------------------------------------------ */
/* Below the Figma canvas: release fixed heights, restore flow          */
/* ------------------------------------------------------------------ */

@media (max-width: 1199px) {
	.inia-homepage > .e-con,
	.elementor-location-footer .inia-footer {
		min-height: 0 !important;
		height: auto !important;
	}

	.inia-homepage {
		padding-inline: 0 !important;
		overflow-x: clip;
	}

	.inia-homepage > .e-con > .elementor-element {
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		max-width: 100% !important;
	}

	/* Nested absolute children from the desktop canvas also release. */
	.inia-homepage .inia-team__copy > .elementor-element,
	.inia-homepage .inia-promise__copy > .elementor-element {
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
	}

	.inia-homepage [class*="inia-section-"] {
		width: 100% !important;
		max-width: 100% !important;
		padding-inline: 24px !important;
		/* Keep section titles clear of the sticky header when scrolling */
		padding-block: 40px !important;
		box-sizing: border-box;
		align-items: stretch !important;
	}

	/* Higher specificity than the rule above (attribute selector). */
	.inia-homepage .inia-section-hero,
	.inia-homepage .inia-section-trenner,
	.inia-homepage .inia-section-blog {
		padding-inline: 0 !important;
	}

	.inia-homepage .inia-section-hero {
		padding-block: 0 !important;
	}

	.inia-homepage .inia-section-trenner {
		padding-block: 0 !important;
	}

	/* Stretch every direct child — Elementor % / px widths + align-items:center
	   were shrinking rows (Referenzen ~200px, metrics ~149px). */
	.inia-homepage [class*="inia-section-"] > .elementor-element {
		width: 100% !important;
		max-width: 100% !important;
		align-self: stretch !important;
		--width: 100% !important;
		box-sizing: border-box;
	}

	.inia-homepage .inia-section-hero > .e-con-inner {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
	}

	/*
	 * Hero phone: Elementor keeps --height / justify-end from the desktop
	 * canvas, so the wrap + HTML widget collapse to 0px and the stage paints
	 * over Referenzen. Force a normal in-flow height from the aspect-ratio stage.
	 */
	.inia-homepage .inia-hero-phone-wrap {
		height: auto !important;
		min-height: 0 !important;
		--height: auto !important;
		justify-content: center !important;
		overflow: visible !important;
		overflow-anchor: none;
		width: 100% !important;
		max-width: min(300px, 78vw) !important;
		--width: 100% !important;
		margin-inline: auto;
		padding-block: 18px 28px !important;
	}

	.inia-homepage .inia-hero-phone,
	.inia-homepage .inia-hero-phone .elementor-widget-container {
		height: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible !important;
	}

	.inia-homepage .inia-hero-phone__stage {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: 451 / 772;
		overflow: visible !important;
	}

	.inia-homepage .inia-hero-phone__device {
		left: 50% !important;
		top: 2% !important;
		width: 72% !important;
		height: 90% !important;
		transform: translateX(-50%) rotate(7.5deg) !important;
		transform-origin: center center !important;
	}

	/* Same collapse pattern on other phone / media slots. */
	.inia-homepage .inia-promise__phone,
	.inia-homepage .inia-blog__phone {
		height: auto !important;
		--height: auto !important;
		justify-content: center !important;
		overflow: visible !important;
	}

	/* —— Leistungen: path is desktop-only; cards stack open —— */
	.inia-leistungen-path {
		display: none !important;
	}

	.inia-section-leistungen {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 24px !important;
	}

	.inia-leist__heading {
		text-align: center;
		width: 100% !important;
		margin: 0 0 8px !important;
	}

	.inia-leist__heading .elementor-heading-title {
		text-align: center !important;
	}

	.inia-section-leistungen .inia-passthrough {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
		width: 100% !important;
	}

	.inia-section-leistungen .inia-service-card,
	.inia-section-leistungen .inia-leist__meter {
		height: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	.inia-section-leistungen .inia-service-card__body,
	.inia-section-leistungen .inia-service-card__cta {
		opacity: 1 !important;
		transform: none !important;
		display: block !important;
	}

	.inia-section-leistungen .inia-leist__cta {
		align-self: center;
		margin-top: 8px !important;
	}

	.inia-promise__arrow {
		display: none !important;
	}

	.inia-referenz-cards {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 20px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.inia-referenz-cards > .elementor-element {
		width: 100% !important;
		max-width: 100% !important;
		--width: 100% !important;
	}

	.inia-ref__heading,
	.inia-tools__heading,
	.inia-testi__heading,
	.inia-kal__heading,
	.inia-stat__heading {
		text-align: center;
		width: 100% !important;
	}

	.inia-ref__mark {
		width: 24px !important;
		max-width: 24px !important;
		margin-inline: auto !important;
		align-self: center !important;
		--width: 24px !important;
	}

	.inia-ref__cta,
	.inia-testi__cta {
		display: flex !important;
		justify-content: center;
		width: auto !important;
		max-width: max-content !important;
		margin-inline: auto !important;
		align-self: center !important;
		--width: auto !important;
	}

	/* —— Team: horizontal scroll strip (not a tall wrap stack) —— */
	.inia-section-team {
		display: flex !important;
		flex-direction: column !important;
		gap: 32px !important;
	}

	.inia-team__copy {
		height: auto !important;
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
	}

	.inia-team__photos {
		display: block !important;
		height: auto !important;
		width: 100% !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		padding-bottom: 8px;
		margin-inline: -24px;
		padding-inline: 24px;
		width: calc(100% + 48px) !important;
		max-width: none !important;
	}

	.inia-team__photos > .elementor-widget-container,
	.inia-team__photos-inner,
	.inia-team__photos-inner > .elementor-widget-container {
		height: auto !important;
		width: max-content !important;
		max-width: none !important;
		/* Kill desktop hover-slide transform on tablet/phone. */
		transform: none !important;
	}

	.inia-section-team .inia-team__photos-inner {
		transition: none !important;
	}

	.inia-team-cards {
		flex-wrap: nowrap !important;
		width: max-content !important;
		height: 384px !important;
	}

	.inia-team-card {
		scroll-snap-align: start;
	}

	/* —— Statistik: readable stacked composition —— */
	.inia-section-statistik {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 24px !important;
	}

	.inia-stat__grid {
		display: none;
	}

	.inia-stat__looker {
		order: 1;
		width: 72px !important;
		margin: 0 auto;
	}

	.inia-stat__heading {
		order: 2;
		width: 100% !important;
		text-align: center;
	}

	.inia-stat__macbook {
		order: 3;
		width: 100% !important;
		max-width: min(520px, 100%) !important;
		margin: 0 auto;
		overflow: visible !important;
	}

	.inia-stat__macbook img {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		object-fit: contain !important;
		object-position: center center !important;
		margin-inline: auto;
	}

	.inia-section-statistik .inia-passthrough {
		order: 4;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 100% !important;
		--width: 100% !important;
	}

	.inia-section-statistik .inia-metric-card {
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 88px;
		animation: none !important;
	}

	.inia-section-statistik .inia-insight-card {
		grid-column: 1 / -1;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 200px;
		padding: 36px 28px !important;
	}

	.inia-section-tools {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas: "heading" "text" "logos" !important;
		justify-items: center;
		align-items: start;
		row-gap: 20px !important;
		position: relative !important;
		text-align: center;
	}

	.inia-homepage .inia-tools__heading,
	.inia-tools__heading {
		grid-area: heading;
		position: relative;
		z-index: 1;
		width: 100% !important;
	}
	.inia-homepage .inia-tools__text,
	.inia-tools__text    { grid-area: text; z-index: 1; width: 100% !important; }
	.inia-homepage .inia-tools__logos,
	.inia-tools__logos   { grid-area: logos; z-index: 1; position: relative; width: 100% !important; }

	/* Decorative social ring is desktop-only — hide below the Figma canvas. */
	.inia-homepage .inia-section-tools > .inia-tools__kreis,
	.inia-homepage .inia-tools__kreis,
	.inia-tools__kreis {
		display: none !important;
	}

	.inia-tools__logos {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
	}

	.inia-tools__logos img {
		width: 100%;
		height: auto;
		object-fit: contain;
		position: relative;
		z-index: 1;
	}

	/* —— Promise / problem / impact —— */
	.inia-section-promise,
	.inia-section-problem,
	.inia-section-impact {
		display: flex !important;
		flex-direction: column !important;
		gap: 28px !important;
		align-items: stretch !important;
	}

	.inia-promise__phone { order: 1; }
	.inia-promise__copy { order: 2; }
	.inia-promise__bars {
		order: 3;
		width: min(282px, 70vw) !important;
		max-width: min(282px, 70vw) !important;
		margin-inline: auto;
		align-self: center !important;
		--width: auto !important;
	}

	.inia-promise__phone,
	.inia-promise__copy,
	.inia-problem__media,
	.inia-problem__copy,
	.inia-impact__media,
	.inia-impact__copy {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		--width: 100% !important;
	}

	/* Keep promise phone from dominating the viewport on narrow screens */
	.inia-homepage .inia-promise__phone {
		max-width: min(320px, 84vw) !important;
		margin-inline: auto !important;
		overflow: visible !important;
	}

	.inia-homepage .inia-promise__phone img {
		width: 100% !important;
		height: auto !important;
		object-fit: contain !important;
	}

	/* Desktop crops the GIF with absolute coords; restore a normal responsive image. */
	.inia-problem__media {
		aspect-ratio: 553 / 433;
		overflow: hidden !important;
		border-radius: 24px;
	}

	.inia-problem__media > .e-con-inner,
	.inia-problem__media .elementor-widget-image,
	.inia-problem__media .elementor-widget-container {
		position: relative !important;
		width: 100% !important;
		height: 100% !important;
	}

	.inia-problem__media img {
		position: absolute !important;
		inset: 0 !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center 30% !important;
	}

	.inia-promise__copy,
	.inia-problem__copy,
	.inia-impact__copy,
	.inia-team__copy {
		text-align: left;
	}

	.inia-team__photos {
		--width: 100% !important;
	}

	.inia-kal__embed,
	.inia-kal__embed .elementor-widget-container,
	.inia-kal__viewport {
		width: 100% !important;
		max-width: 100% !important;
		--width: 100% !important;
	}

	.inia-stat__looker {
		width: 72px !important;
		max-width: 72px !important;
		--width: 72px !important;
		align-self: center !important;
		margin-inline: auto;
	}

	/* tools__kreis sizing handled with logos grid cell above */

	/* —— Testimonials —— */
	.inia-section-testimonials {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 20px !important;
	}

	.inia-testi__line {
		order: 2;
		margin: 0 auto;
	}

	.inia-testi__heading {
		order: 1;
	}

	.inia-section-testimonials .inia-passthrough {
		order: 3;
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
		width: 100% !important;
	}

	.inia-testimonial-card {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}

	.inia-testi__cta {
		order: 4;
	}

	.inia-footer__newsletter,
	.inia-footer__columns,
	.inia-footer__bottom {
		display: flex;
		flex-wrap: wrap;
		gap: 32px;
	}

	.inia-footer__inner > .e-con {
		width: 100%;
	}

	/* Growth Partner — stack Q&A when the absolute canvas is released. */
	.inia-section-growth {
		background: var(--inai-soft-grey, #f1f1f2);
		padding: 48px 24px !important;
	}

	.inia-section-growth::before {
		display: none;
	}

	.inia-growth__heading {
		text-align: center;
		margin-bottom: 32px;
	}

	.inia-growth-qa {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	.inia-growth-qa__questions {
		display: flex;
		flex-direction: column;
		gap: 16px;
		width: 100%;
		max-width: 100%;
	}

	.inia-growth-qa__q {
		position: relative;
		display: flex;
		align-items: center;
		gap: 16px;
		width: 100% !important;
		max-width: 100%;
		min-height: 70px;
		height: auto !important;
	}

	.inia-growth-qa__icon {
		position: static;
		flex: 0 0 64px;
		width: 64px;
		height: 52px;
	}

	.inia-growth-qa__label {
		position: static;
		transform: none;
		width: auto !important;
		max-width: 100%;
		font-size: 20px;
		line-height: 26px;
	}

	.inia-growth-qa__q.is-active .inia-growth-qa__label {
		width: auto !important;
	}

	.inia-growth-qa__divider {
		display: none;
	}

	.inia-growth-qa__panel {
		position: static;
		width: 100%;
	}

	.inia-growth-qa__answer {
		position: static;
		width: 100%;
		margin: 0 0 24px;
	}

	.inia-growth-qa__cta {
		position: static;
	}

	/* Calendly: stack heading → embed; ring peeks behind the widget (desktop intent). */
	.inia-section-kalender {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 24px !important;
		position: relative !important;
		/* Clip the decorative spinner so it cannot create page overflow. */
		overflow-x: clip !important;
		overflow-y: visible !important;
	}

	.inia-kal__heading {
		position: relative;
		z-index: 2;
		order: 1;
	}

	.inia-kal__embed {
		position: relative;
		z-index: 1;
		order: 2;
	}

	/* Spinner ring overflows while rotating — desktop-only. */
	.inia-homepage .inia-section-kalender > .inia-kal__kreis,
	.inia-homepage .inia-kal__kreis,
	.inia-kal__kreis {
		display: none !important;
	}

	.inia-homepage .inia-kal__kreis img,
	.inia-kal__kreis img {
		width: 100% !important;
		height: auto !important;
	}

	.inia-kal__viewport {
		width: 100%;
		height: auto;
		min-height: 700px;
		overflow: visible;
	}

	.inia-kal__embed .calendly-inline-widget,
	.inia-kal__embed iframe {
		width: 100% !important;
		min-width: 0 !important;
		height: 700px !important;
		min-height: 700px !important;
	}

	.inia-footer__newsletter {
		flex-direction: column !important;
		align-items: stretch !important;
		height: auto !important;
		gap: 20px;
	}

	.inia-footer__newsletter-heading {
		width: 100% !important;
		max-width: 100% !important;
	}

	.inia-footer__newsletter > .elementor-element,
	.inia-footer__newsletter .elementor-widget-heading,
	.inia-footer__newsletter .elementor-widget-container {
		width: 100% !important;
		max-width: 100% !important;
	}

	.inia-footer__newsletter-heading .elementor-heading-title,
	.elementor-location-footer .inia-footer__newsletter .elementor-heading-title,
	.elementor-location-footer .inia-footer__newsletter-heading .elementor-heading-title {
		font-size: clamp(24px, 5.5vw, 32px) !important;
		line-height: 1.25 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.inia-footer__newsletter-form {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 767px) {
	.inia-homepage [class*="inia-section-"] {
		padding-inline: 16px !important;
	}

	.inia-homepage .inia-section-hero,
	.inia-homepage .inia-section-trenner,
	.inia-homepage .inia-section-blog {
		padding-inline: 0 !important;
	}

	.inia-team__photos {
		margin-inline: -16px;
		padding-inline: 16px;
		width: calc(100% + 32px) !important;
		max-width: none !important;
		align-self: stretch !important;
	}

	.inia-team-cards {
		height: 320px !important;
		gap: 16px;
	}

	.inia-team-card {
		flex: 0 0 212px;
		width: 212px;
		height: 320px;
	}

	.inia-tools__logos {
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}

	.inia-section-statistik .inia-passthrough {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.inia-section-statistik .inia-insight-card {
		min-height: 220px;
		padding: 40px 28px !important;
	}

	.inia-section-statistik .inia-metric-card {
		min-height: 96px;
	}

	.inia-stat__looker {
		width: 56px !important;
	}

	.inia-section-leistungen .inia-passthrough {
		gap: 16px !important;
	}

	.inia-section-leistungen .inia-service-card {
		padding: 24px !important;
	}

	.inia-section-leistungen .inia-service-card__icon,
	.inia-section-leistungen .inia-service-card__icon .elementor-widget-container {
		text-align: left !important;
		margin-inline: 0 !important;
	}

	.inia-kal__kreis,
	.inia-kal__kreis img {
		max-width: min(200px, 55vw) !important;
		width: min(200px, 55vw) !important;
		height: auto !important;
	}

	.inia-footer__newsletter-heading .elementor-heading-title,
	.elementor-location-footer .inia-footer__newsletter .elementor-heading-title {
		font-size: 24px !important;
		line-height: 30px !important;
	}

	.inia-kal__embed .calendly-inline-widget,
	.inia-kal__embed iframe {
		height: 640px !important;
		min-height: 640px !important;
	}

	.inia-section-kalender,
	.inia-section-growth,
	.inia-homepage {
		overflow-x: clip;
	}

	.inia-section-growth {
		padding: 40px 16px !important;
	}

	.inia-growth-qa__label {
		font-size: 18px;
		line-height: 24px;
	}

	.inia-growth-qa__icon {
		flex: 0 0 48px;
		width: 48px;
		height: 40px;
	}
}