@import url(./_font.css);
@import url(./_reboot.css);
@import url(./_variables.css);
@import url(./_grid.css);
@import url(./_utilities.css);

html {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height:1.25; color:var(--body-color); font-family:var(--font-family-base); font-weight:var(--font-weight-base);}
body, html {width:100%;min-width:356px}
body {min-height:100vh; background-color:var(--body-bg);}
hr {border-color:var(--border-color);}
::placeholder {color:var(--white-200)}

[class^="icon"] {flex-shrink:0;display:inline-flex;background-repeat:no-repeat;background-position:center center;background-size:contain;text-indent: -9999em;}
[class*="-component"] {max-width:1440px;margin:0 auto;}

/* Common */
* {font-family: var(--font-archivo); font-weight: var(--font-EB)}
.ailusion {display:flex;flex-direction: column;min-height: 100vh;}
.emphasis-text {color:var(--primary)}

/* Header */
.ailusion-header {z-index:999;flex-shrink: 0;background: var(--header-background);height:82px;width:100%;display: flex;align-items: center;border-bottom: 1px solid var(--black);}
.ailusion-header .header-component {padding-left: 20px;padding-right: 20px;width:100%}
.ailusion-header .icon-logo {display:inline-block;width:186px;height:42px;background-image: url(../images/logo.svg);text-indent: -9999em;}

/* Body */
.ailusion-body {display:block;position: relative;}
.ailusion-container {flex:1;display:flex;flex-direction: column;}
.ailusion-container .ailusion-body {min-height: 798px;flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.ailusion-container .headline-component {width:100%;z-index: 100;}
.ailusion-container .headline-component p {font-size:var(--size-120);line-height: 1;letter-spacing: -0.375rem}

/* -- Canvas -- */
.ailusion-canvas {position: absolute;inset: 0;z-index: 0;overflow: hidden; width:100%;}
.ailusion-canvas .symbol-svg {position: absolute;right:240px;bottom: 180px;}
.ailusion-canvas .symbol-svg img {filter: blur(0px);animation: blurPulse 32s infinite ease-in-out;width: clamp(192px, 22vw, 320px);height: auto;}


/* Footer */
.ailusion-footer {z-index:999;flex-shrink: 0;background:var(--primary);padding:var(--size-100) 0;}
.ailusion-footer .footer-component {display:flex;gap: var(--size-32);margin-bottom:var(--size-40);align-items: center;}
.ailusion-footer .weare .title {margin-bottom:var(--size-32);font-size:var(--size-22);line-height:1;display:inline-block;background: linear-gradient(90deg, #FFED9A 0%, #BEC3FF 47.12%, #FF9DBB 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ailusion-footer .weare .description {color:var(--white);font-size:var(--size-56);line-height: 1;font-weight: var(--font-B);letter-spacing: 0;}

.ailusion-footer .sayhello {cursor: pointer;display:inline-flex;font-size:var(--size-22);background: var(--second);border-radius: var(--rounded-lg);border:1px solid var(--black);height:44px;align-items: center;}
.ailusion-footer .sayhello a {padding:0 20px;}
.ailusion-footer .sayhello {transition: all 0.3s ease;}
.ailusion-footer .sayhello:hover {background: var(--black);color:var(--second)}
.ailusion-footer .copyright-component {font-size: var(--size-18);font-weight: var(--font-M);color:var(--white)}


@keyframes blurPulse {
  0%   { filter: blur(0px); }
  15%  { filter: blur(5px); }
  30%  { filter: blur(1px); }
  45%  { filter: blur(12px); }
  60%  { filter: blur(3px); }
  75%  { filter: blur(20px); }
  90%  { filter: blur(4px); }
  100% { filter: blur(0px); }
}

@media (max-width:1919.98px) {
	[class*="-component"] {max-width: 100%;}
	[class*="-component"]:not(.header-component) {padding:0 var(--size-100);}

	.ailusion-container .ailusion-body {min-height: 698px;}
	.ailusion-container .headline-component {position: absolute;top:calc(50% - 41px);transform: translateY(-50%);}
	.ailusion-container .headline-component p {font-size:var(--size-110);}
	.ailusion-footer .footer-component {flex-direction: column;align-items: flex-start;}
	.ailusion-footer .weare .description {font-size:var(--size-48);}
	.ailusion-footer {padding:var(--size-80) 0;}

	.ailusion-canvas .symbol-svg {position: absolute;right:100px;bottom: 80px;}
	.ailusion-canvas .symbol-svg img {width: clamp(192px, 24vw, 320px);height: auto;}	

}



@media (max-width:799.98px) {
	[class*="-component"] {max-width: 100%;}
	[class*="-component"]:not(.header-component) {padding:0 var(--size-48);}

	.ailusion-header {height:72px;}
	.ailusion-header .icon-logo {width:129px;height:32px;background-image: url(../images/logo.svg);text-indent: -9999em;}
	.ailusion-container .ailusion-body {min-height: 390px;}
	.ailusion-container .headline-component p {font-size:var(--size-56);letter-spacing: -0.1rem;}
	.ailusion-footer {padding:var(--size-40) 0;}
	.ailusion-footer .weare .description {font-size:var(--size-28);}
	.ailusion-footer .sayhello {width: 100%}
	.ailusion-footer .sayhello a {width: 100%;text-align: center;}

	.ailusion-canvas .symbol-svg {position: absolute;right:48px;bottom: 40px;}
	.ailusion-canvas .symbol-svg img {width: clamp(96px, 24vw, 192px);height: auto;}	
}