/* ================================
   ------------------------
   ---------------------
   ------------------
	 ---------------

   common_2480x300.css

            ---------------
         ------------------
      ---------------------
   ------------------------
================================ */

:root {
	--ad-w: 2480px;
	--ad-h: 300px;
}

/* =====================

	=TITLES

===================== */

/* =TA */
.title--a {
	left: 98.88px;
	top: 76.99px;
}

[data-label="simplify"] .title--a {
	left: 98.88px;
	top: 76.99px;
}

/* =TB */
.title--b {
	left: 314.68px;
	top: 164.82px;
}

[data-label="simplify"] .title--b {
	left: 314.68px;
	top: 164.82px;
}

/* =TC */
.title--c {
	left: 1516.07px;
	top: 164.82px;
}

[data-label="simplify"] .title--c {
	left: 1516.07px;
	top: 164.82px;
}

/* =====================

	=CONNECTORS

===================== */
/* =A2B */
.connector--a2b {
	left: 0px;
	top: 0px;
}

/* =B2C */
/* @sync arrow_tip_overshoot — Intentional: with the JS on, this connector's arrowhead lands a little past where the Figma export shows it (about 2px at the small sizes, about 5.5px at 1620x1080 and 2480x300), because the arrow is centered on the end of the line to keep the line's corners hidden inside the arrow's stem. Position this connector by its line, and don't shift it to make the arrowhead match Figma. */
.connector--b2c {
	left: 1301.94px;
	top: 201.57px;
}

[data-label="simplify"] .connector--b2c {
	left: 1301.94px;
	top: 201.57px;
}

/* =ARROWS — scale is applied via gsap.set() in JS to avoid Safari MotionPath conflicts */

/* A straight connector's SVG is shorter than a line of text, and an inline SVG that short drops to the text baseline instead of sitting at the top of its box. */
.connector svg {
	display: block;
}

/* =====================

	=DESC

===================== */
.desc {
	left: 0px;
	top: 0px;
}

/* =====================

	=BTN

===================== */
.btn {
	left: 0px;
	top: 0px;
}

/* =====================

	=LOGO

===================== */
.logo {
	width: 424.78px;
	left: 1959.84px;
	top: 107.91px;
}

[data-label="simplify"] .logo {
	width: 424.78px;
	left: 1959.84px;
	top: 107.91px;
}