@charset "utf-8";

/* -----------------------------------------------------------------------------------------------------------------
	Stella Browser
----------------------------------------------------------------------------------------------------------------- */

html {
	background: #f7f9ff;
	scroll-behavior: auto;
}

body {
	background: #fff;
	color: #13203d;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 16px;
	line-height: 1.9;
	margin: 0;
	min-width: 750px;
	overflow-x: hidden;
}

* {
	box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: none;
}

button {
	font: inherit;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

p,
h1,
h2,
h3,
figure {
	margin-top: 0;
}

h1,
h2,
h3,
h4,
h5 {
	line-break: strict;
	overflow-wrap: normal;
	text-wrap: balance;
	word-break: normal;
}

ul,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.clearfix:after,
.header-inner:after,
.hero-inner:after,
.section-inner:after,
.browser-foundation:after,
.privacy-strip:after,
.stage-heading:after,
.philosophy:after,
.tool-row:after,
.compact-tools:after,
.pro-intro:after,
.pro-features:after,
.edition-compare:after,
.vst-intro:after,
.vst-cards:after,
.footer-inner:after {
	clear: both;
	content: "";
	display: block;
}

.skip-link {
	background: #10193d;
	color: #fff;
	left: 18px;
	padding: 10px 18px;
	position: fixed;
	top: -80px;
	z-index: 999;
}

.skip-link:focus {
	top: 18px;
}

.reading-progress {
	background: rgba(49, 56, 117, .08);
	height: 2px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 110;
}

.reading-progress span {
	background: linear-gradient(90deg, #5b4eea, #db5dd1, #59d5e9);
	box-shadow: 0 0 12px rgba(113, 81, 225, .55);
	display: block;
	height: 100%;
	width: 0;
}

.section {
	overflow: hidden;
	padding: 145px 0;
	position: relative;
}

.section-inner,
.header-inner,
.hero-inner,
.footer-inner {
	margin: 0 auto;
	max-width: 1380px;
	position: relative;
	width: 88%;
}

.section-kicker,
.eyebrow {
	color: #6755dc;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .28em;
	margin-bottom: 22px;
}

.section-heading {
	margin-bottom: 78px;
	max-width: 920px;
}

.section-heading.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.section-heading h2,
.stage-title h2,
.cta-copy h2,
.pro-title h2,
.vst-copy h2,
.final-cta h2 {
	color: #111a37;
	font-family: "Shippori Mincho", serif;
	font-size: 48px;
	font-weight: 600;
	letter-spacing: .05em;
	line-height: 1.55;
	margin-bottom: 25px;
}

.section-heading > p:last-child {
	color: #64708c;
	font-size: 16px;
	line-height: 2.15;
}

.reveal {
	opacity: 0;
	transform: translateY(38px);
	transition: opacity .85s ease, transform .85s cubic-bezier(.2, .72, .2, 1);
}

.reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* header */

#product-header {
	left: 0;
	padding: 25px 0;
	position: absolute;
	top: 0;
	transition: background .35s, box-shadow .35s, padding .35s;
	width: 100%;
	z-index: 100;
}

#product-header.is-fixed {
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
	background: rgba(255, 255, 255, .84);
	box-shadow: 0 10px 34px rgba(29, 44, 94, .08);
	padding: 15px 0;
	position: fixed;
}

.brand {
	float: left;
	margin: 0;
}

.brand a,
.brand strong,
.brand small {
	display: inline-block;
	vertical-align: middle;
}

.brand-star {
	color: #d14fd0;
	display: inline-block;
	font-size: 20px;
	margin-right: 9px;
	text-shadow: 0 0 16px rgba(210, 75, 213, .45);
	vertical-align: middle;
}

.brand strong {
	color: #161c3d;
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	font-style: italic;
	letter-spacing: .01em;
}

.brand small {
	border-left: 1px solid #d9dded;
	color: #7e86a5;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .26em;
	line-height: 1.45;
	margin-left: 15px;
	padding-left: 15px;
}

.product-nav {
	float: right;
}

.product-nav li {
	display: inline-block;
	margin-left: 34px;
	vertical-align: middle;
}

.product-nav a {
	color: #646b88;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .15em;
}

.product-nav .nav-download a {
	background: #151c4e;
	border-radius: 100px;
	box-shadow: 0 9px 24px rgba(45, 48, 111, .16);
	color: #fff;
	display: block;
	padding: 12px 22px;
}

/* hero */

.hero {
	background: #070a28;
	height: 100vh;
	min-height: 900px;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.hero:before {
	background:
		linear-gradient(90deg, rgba(247, 249, 255, .42) 0%, rgba(247, 249, 255, .16) 38%, rgba(9, 12, 42, .05) 68%, rgba(9, 12, 42, .22) 100%),
		linear-gradient(0deg, rgba(8, 10, 37, .78), transparent 25%, rgba(8, 10, 37, .24));
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}

.hero:after {
	animation: heroAurora 14s ease-in-out infinite alternate;
	background:
		radial-gradient(circle at 68% 42%, rgba(103, 233, 255, .22), transparent 25%),
		radial-gradient(circle at 84% 72%, rgba(225, 87, 255, .23), transparent 28%),
		linear-gradient(112deg, transparent 37%, rgba(255, 255, 255, .13) 48%, transparent 58%);
	content: "";
	height: 118%;
	left: -12%;
	mix-blend-mode: screen;
	pointer-events: none;
	position: absolute;
	top: -9%;
	width: 124%;
	z-index: 4;
}

.hero-mosaic {
	height: 104%;
	left: 0;
	position: absolute;
	top: -2%;
	width: 100%;
	z-index: 1;
}

.hero-tile {
	background: #0b1034;
	border: 1px solid rgba(171, 171, 255, .23);
	box-shadow: 0 22px 70px rgba(3, 6, 26, .5), inset 0 0 0 1px rgba(255, 255, 255, .03);
	margin: 0;
	overflow: hidden;
	position: absolute;
}

.hero-tile:after {
	background: linear-gradient(135deg, rgba(255, 255, 255, .11), transparent 23%, transparent 72%, rgba(126, 97, 255, .14));
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.hero-tile img {
	animation: heroTileDriftA 24s ease-in-out infinite alternate;
	height: 116%;
	left: -8%;
	max-width: none;
	object-fit: cover;
	position: absolute;
	top: -8%;
	width: 116%;
}

.hero-tile:nth-child(2n) img {
	animation-name: heroTileDriftB;
	animation-duration: 29s;
}

.hero-tile:nth-child(3n) img {
	animation-name: heroTileDriftC;
	animation-duration: 33s;
}

.hero-tile figcaption {
	-webkit-backdrop-filter: blur(13px);
	backdrop-filter: blur(13px);
	background: rgba(8, 12, 42, .74);
	border-left: 2px solid #78e6ff;
	bottom: 16px;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .16em;
	line-height: 1.4;
	padding: 8px 12px;
	position: absolute;
	right: 15px;
	z-index: 3;
}

.tile-home { height: 33%; left: -1%; top: -1%; width: 31%; }
.tile-voice { height: 33%; left: 30%; top: -1%; width: 31%; }
.tile-bgm { height: 34%; left: 61%; top: -1%; width: 39%; }
.tile-avatar { height: 36%; left: -1%; top: 32%; width: 28%; }
.tile-stage { height: 44%; left: 27%; top: 32%; width: 46%; z-index: 2; }
.tile-overlay { height: 35%; left: 73%; top: 33%; width: 27%; }
.tile-collaboration { height: 34%; left: -1%; top: 67%; width: 33%; }
.tile-smart { height: 26%; left: 32%; top: 75%; width: 33%; }
.tile-settings { height: 34%; left: 65%; top: 67%; width: 35%; }

.tile-stage {
	border-color: rgba(117, 229, 255, .55);
	box-shadow: 0 30px 110px rgba(3, 5, 27, .72), 0 0 45px rgba(95, 105, 255, .26);
}

.hero-inner {
	height: 100%;
	max-width: none;
	width: 100%;
}

.hero-copy {
	-webkit-backdrop-filter: blur(24px) saturate(1.2);
	backdrop-filter: blur(5px) saturate(1.2);
	background: rgba(250, 251, 255, 0.5);
	border: 1px solid rgba(255, 255, 255, .74);
	border-radius: 4px 34px 34px 4px;
	box-shadow: 0 30px 90px rgba(5, 8, 37, .29), inset 0 0 0 1px rgba(111, 100, 222, .08);
	float: none;
	left: 0;
	padding: 54px 4.6% 47px 5.8%;
	position: relative;
	top: 50%;
	transform: translateY(-46%);
	width: 46%;
	z-index: 6;
}

.hero-copy.reveal {
	transform: translate3d(-50px, -46%, 0);
}

.hero-copy.reveal.is-visible {
	transform: translate3d(0, -46%, 0);
}

.hero-copy h1 {
	color: #111936;
	font-family: "Shippori Mincho", serif;
	font-size: clamp(46px, 4vw, 64px);
	font-weight: 600;
	letter-spacing: .02em;
	line-height: 1.3;
	margin-bottom: 25px;
	white-space: nowrap;
}

.hero-copy h1 em {
	background: linear-gradient(100deg, #4d55ca, #a54dcc 58%, #315ab5);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-style: normal;
}

.hero-lead {
	color: #505c7a;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 28px;
}

.hero-editions {
	margin-bottom: 31px;
}

.hero-editions span {
	background: rgba(255, 255, 255, .68);
	border: 1px solid #d2d8ef;
	border-radius: 100px;
	color: #636d88;
	display: inline-block;
	font-size: 11px;
	margin: 0 6px 7px 0;
	padding: 7px 13px;
}

.hero-editions b {
	color: #5a4bd3;
	font-family: "Montserrat", sans-serif;
	letter-spacing: .1em;
	margin-right: 6px;
}

.primary-button {
	background: linear-gradient(120deg, #434bc2, #754fda 55%, #d354c2);
	border: 0;
	border-radius: 7px;
	box-shadow: 0 18px 44px rgba(74, 71, 193, .26);
	color: #fff;
	display: inline-block;
	min-width: 350px;
	padding: 17px 62px 17px 24px;
	position: relative;
	transition: box-shadow .3s, transform .3s;
}

.primary-button:hover {
	box-shadow: 0 23px 60px rgba(81, 72, 207, .38);
	transform: translateY(-4px);
}

.primary-button small,
.primary-button strong {
	display: block;
}

.primary-button small {
	color: #dddfff;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .15em;
}

.primary-button strong {
	font-size: 16px;
}

.primary-button > b {
	font-size: 22px;
	font-weight: 400;
	position: absolute;
	right: 24px;
	top: 26px;
}

.lifetime-note {
	color: #7f87a0;
	font-size: 11px;
	letter-spacing: .08em;
	margin: 14px 0 0 8px;
}

.lifetime-note span {
	color: #bc49ad;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	margin-right: 7px;
}

.hero-scroll {
	bottom: 25px;
	color: rgba(255, 255, 255, .72);
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .2em;
	left: 5.8%;
	position: absolute;
	z-index: 6;
}

.hero-scroll span {
	background: linear-gradient(#8be9ff, transparent);
	display: inline-block;
	height: 40px;
	margin-right: 12px;
	vertical-align: middle;
	width: 1px;
}

@keyframes heroTileDriftA {
	0% { transform: translate3d(-2.5%, -1.5%, 0) scale(1.02); }
	50% { transform: translate3d(1.5%, 1%, 0) scale(1.06); }
	100% { transform: translate3d(-1%, 2.5%, 0) scale(1.03); }
}

@keyframes heroTileDriftB {
	0% { transform: translate3d(2%, -2%, 0) scale(1.04); }
	55% { transform: translate3d(-1.5%, 1.5%, 0) scale(1.07); }
	100% { transform: translate3d(1%, 2%, 0) scale(1.03); }
}

@keyframes heroTileDriftC {
	0% { transform: translate3d(-1%, 2%, 0) scale(1.05); }
	48% { transform: translate3d(2%, -1%, 0) scale(1.02); }
	100% { transform: translate3d(-2%, -2%, 0) scale(1.07); }
}

@keyframes heroAurora {
	0% { opacity: .58; transform: translate3d(-2%, 0, 0) rotate(-1deg); }
	100% { opacity: 1; transform: translate3d(3%, 1%, 0) rotate(1deg); }
}

/* browser foundation */

.browser-section {
	background:
		radial-gradient(circle at 17% 50%, rgba(110, 130, 245, .08), transparent 25%),
		#fff;
}

.browser-foundation {
	position: relative;
}

.foundation-card {
	background: #f9faff;
	border: 1px solid #e6e9f4;
	border-radius: 14px;
	box-shadow: 0 22px 60px rgba(48, 60, 111, .07);
	float: left;
	min-height: 422px;
	padding: 45px 3%;
	position: relative;
	width: 31%;
}

.foundation-card + .foundation-card {
	margin-left: 3.5%;
}

.foundation-card.featured {
	background: linear-gradient(145deg, #2b2a75, #151d52);
	border-color: #7068e0;
	box-shadow: 0 30px 70px rgba(46, 44, 129, .24);
	color: #fff;
}

.foundation-icon {
	border: 1px solid #d4d9ec;
	border-radius: 50%;
	color: #7568d8;
	font-family: "Montserrat", sans-serif;
	font-size: 13px;
	height: 64px;
	line-height: 62px;
	margin-bottom: 45px;
	text-align: center;
	width: 64px;
}

.foundation-card h3 {
	font-family: "Shippori Mincho", serif;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 18px;
}

.foundation-card > p:last-child {
	color: #68718b;
	font-size: 14px;
	line-height: 2;
}

.foundation-card.featured > p:last-child {
	color: #c8cce7;
}

.card-label {
	color: #64e2ec;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	margin-bottom: 13px;
}

.veil-shield {
	border: 1px solid rgba(95, 232, 237, .4);
	border-radius: 26% 26% 48% 48%;
	box-shadow: inset 0 0 25px rgba(78, 222, 230, .08), 0 0 25px rgba(65, 224, 231, .12);
	height: 76px;
	line-height: 72px;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
	width: 68px;
}

.veil-shield span {
	color: #64e2ec;
	font-size: 27px;
	text-shadow: 0 0 17px #64e2ec;
}

.privacy-strip {
	border-bottom: 1px solid #e1e5f2;
	border-top: 1px solid #e1e5f2;
	margin-top: 76px;
	padding: 23px 0;
}

.privacy-strip p {
	color: #788099;
	float: left;
	font-size: 11px;
	margin: 0;
	text-align: center;
	width: 33.333%;
}

.privacy-strip strong {
	color: #4d4f9e;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .15em;
	margin-right: 8px;
}

/* Stage */

.stage-section {
	background:
		linear-gradient(180deg, #f4f6ff, #fff),
		#f4f6ff;
	padding-top: 155px;
}

.stage-title {
	float: left;
	width: 61%;
}

.stage-title h2 em {
	color: #6452d0;
	font-style: normal;
}

.stage-lead {
	float: right;
	padding-top: 70px;
	width: 34%;
}

.stage-lead p {
	border-left: 1px solid #cdd2e5;
	color: #626c87;
	font-size: 15px;
	margin: 0;
	padding-left: 28px;
}

.stage-visual {
	background: #101642;
	border: 1px solid #d4d9ed;
	border-radius: 14px;
	box-shadow: 0 42px 100px rgba(37, 47, 100, .2);
	margin: 45px 0 0;
	overflow: hidden;
	position: relative;
}

.stage-visual img {
	display: block;
	max-width: none;
	transform: scale(1.035);
	width: 100%;
}

.stage-visual figcaption {
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	background: rgba(9, 15, 49, .84);
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 18px 28px;
	position: absolute;
	width: 100%;
}

.stage-visual figcaption b {
	color: #7ee7f0;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .15em;
	margin-right: 26px;
}

.stage-visual figcaption span {
	color: #c5cbe4;
	font-size: 12px;
}

.philosophy {
	margin: 110px auto 0;
	max-width: 1050px;
}

.philosophy-card {
	border: 1px solid #e1e4ef;
	border-radius: 12px;
	float: left;
	min-height: 300px;
	padding: 42px 4%;
	width: 44%;
}

.philosophy-card.obs {
	background: #fff;
}

.philosophy-card.stella {
	background: linear-gradient(140deg, #f0edff, #eff8ff);
	border-color: #c4c5ef;
}

.philosophy-sign {
	color: #aaaec2;
	float: left;
	font-family: "Shippori Mincho", serif;
	font-size: 48px;
	line-height: 300px;
	text-align: center;
	width: 12%;
}

.philosophy-label {
	color: #7869d6;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .17em;
	margin-bottom: 20px;
}

.philosophy-card h3 {
	color: #171e40;
	font-family: "Montserrat", sans-serif;
	font-size: 27px;
	margin-bottom: 18px;
}

.philosophy-card > p:last-child {
	color: #69728b;
	font-size: 14px;
}

.respect-message {
	background: #f7f8fd;
	border-left: 3px solid #6f62d5;
	color: #666f87;
	font-size: 13px;
	margin: 50px auto 0;
	max-width: 1050px;
	padding: 20px 25px;
}

/* tools */

.tools-section {
	background: #fff;
}

.tool-row {
	border-top: 1px solid #e5e8f1;
	padding: 70px 0;
}

.tool-image {
	border: 1px solid #d8dceb;
	border-radius: 12px;
	box-shadow: 0 22px 60px rgba(42, 54, 103, .12);
	float: left;
	margin: 0;
	overflow: hidden;
	width: 55%;
}

.tool-copy {
	float: right;
	padding: 42px 1% 0 6%;
	width: 45%;
}

.tool-reverse .tool-image {
	float: right;
}

.tool-reverse .tool-copy {
	float: left;
	padding-left: 1%;
	padding-right: 6%;
}

.tool-number {
	color: #6a58d4;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	margin-bottom: 18px;
}

.tool-copy h3 {
	color: #171d3a;
	font-family: "Shippori Mincho", serif;
	font-size: 31px;
	font-weight: 600;
	margin-bottom: 19px;
}

.tool-copy > p:not(.tool-number) {
	color: #68718a;
	font-size: 14px;
}

.tool-copy li {
	border: 1px solid #dfe3f0;
	border-radius: 100px;
	color: #5f6680;
	display: inline-block;
	font-size: 11px;
	margin: 5px 4px 0 0;
	padding: 5px 11px;
}

/* Avatar Link */

.avatar-link-feature {
	background:
		radial-gradient(circle at 88% 90%, rgba(101, 84, 216, .08), transparent 27%),
		linear-gradient(150deg, #fff, #f7f8ff);
	border: 1px solid #d9deed;
	border-radius: 18px;
	box-shadow: 0 38px 95px rgba(35, 45, 105, .15);
	margin: 34px 0 85px;
	overflow: hidden;
	position: relative;
}

.avatar-link-feature:before {
	background: linear-gradient(90deg, #6559df, #51d6e5 53%, #d65bc9);
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}

.avatar-link-visual {
	background: #0d0c1f;
	border-bottom: 1px solid #d9deed;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.avatar-link-visual img {
	display: block;
	height: auto;
	width: 100%;
}

.avatar-link-visual figcaption {
	-webkit-backdrop-filter: blur(13px);
	backdrop-filter: blur(13px);
	background: rgba(9, 12, 35, .92);
	border-top: 1px solid rgba(112, 211, 231, .19);
	color: #fff;
	padding: 14px 2.8%;
}

.avatar-link-visual figcaption b {
	color: #77e3ed;
	float: left;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .16em;
}

.avatar-link-visual figcaption span {
	color: #aeb9d5;
	float: right;
	font-size: 11px;
}

.avatar-link-visual figcaption:after {
	clear: both;
	content: "";
	display: block;
}

.avatar-link-body {
	padding: 54px 4.5% 48px;
}

.avatar-link-copy {
	float: left;
	padding-right: 4%;
	width: 39%;
}

.avatar-link-badge {
	color: #6557d9;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .15em;
	margin-bottom: 11px;
}

.avatar-link-copy .tool-number {
	color: #ca58bd;
	margin-bottom: 17px;
}

.avatar-link-copy h3 {
	color: #171d3a;
	font-family: "Shippori Mincho", serif;
	font-size: 29px;
	font-weight: 600;
	line-height: 1.58;
	margin-bottom: 18px;
}

.avatar-link-copy > p:not(.avatar-link-badge):not(.tool-number):not(.avatar-link-note) {
	color: #68728b;
	font-size: 13px;
	line-height: 2;
}

.avatar-link-note {
	border-left: 3px solid #6256d9;
	color: #7d879f;
	font-size: 11px;
	line-height: 1.8;
	margin: 24px 0 0;
	padding: 4px 0 4px 14px;
}

.avatar-link-sources {
	float: right;
	width: 61%;
}

.avatar-link-source-title {
	color: #6557d9;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .17em;
	margin: 0 0 13px;
}

.avatar-link-sources ul {
	border-left: 1px solid #dfe3ef;
	border-top: 1px solid #dfe3ef;
}

.avatar-link-sources li {
	border-bottom: 1px solid #dfe3ef;
	border-right: 1px solid #dfe3ef;
	float: left;
	min-height: 148px;
	padding: 17px 3.2%;
	width: 33.333%;
}

.avatar-link-sources b,
.avatar-link-sources strong,
.avatar-link-sources span {
	display: block;
}

.avatar-link-sources b {
	color: #725ed8;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .1em;
	margin-bottom: 7px;
}

.avatar-link-sources strong {
	color: #242b49;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 6px;
}

.avatar-link-sources code {
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
}

.avatar-link-sources span {
	color: #7d869b;
	font-size: 11px;
	line-height: 1.75;
}

/* TimeShield */

.time-shield-feature {
	background:
		radial-gradient(circle at 83% 13%, rgba(91, 226, 242, .13), transparent 25%),
		radial-gradient(circle at 74% 86%, rgba(213, 76, 204, .13), transparent 31%),
		linear-gradient(137deg, #071229, #101a46 59%, #21123f);
	border: 1px solid rgba(101, 202, 231, .3);
	border-radius: 18px;
	box-shadow: 0 38px 96px rgba(31, 43, 100, .24), 0 0 64px rgba(76, 201, 232, .08);
	color: #fff;
	margin: 36px 0 85px;
	min-height: 570px;
	overflow: hidden;
	position: relative;
}

.time-shield-feature:before {
	background: linear-gradient(90deg, transparent, rgba(103, 228, 240, .66), rgba(208, 102, 224, .48), transparent);
	content: "";
	height: 1px;
	left: 4%;
	position: absolute;
	top: 0;
	width: 92%;
	z-index: 4;
}

.time-shield-media {
	bottom: 0;
	left: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 56%;
}

.time-shield-media:before {
	background: linear-gradient(90deg, transparent, rgba(125, 236, 248, .28), transparent);
	bottom: 0;
	content: "";
	left: -42%;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: skewX(-13deg);
	width: 28%;
	z-index: 2;
	animation: time-shield-scan 7s ease-in-out infinite;
}

.time-shield-media:after {
	background: linear-gradient(90deg, transparent 58%, rgba(9, 18, 43, .96));
	bottom: 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.time-shield-media img {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: 47% center;
	width: 100%;
}

.time-shield-media figcaption {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	background: rgba(5, 15, 38, .78);
	border: 1px solid rgba(100, 222, 237, .25);
	border-radius: 7px;
	bottom: 25px;
	left: 4.5%;
	padding: 11px 14px;
	position: absolute;
	z-index: 3;
}

.time-shield-media figcaption b,
.time-shield-media figcaption span {
	display: block;
}

.time-shield-media figcaption b {
	color: #78e5ef;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .17em;
	margin-bottom: 4px;
}

.time-shield-media figcaption span {
	color: #c2cae3;
	font-size: 11px;
}

.time-shield-copy {
	float: right;
	padding: 52px 4.3% 40px 3.8%;
	position: relative;
	width: 44%;
	z-index: 3;
}

.time-shield-badge {
	color: #73e3ed;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	margin-bottom: 10px;
}

.time-shield-copy .tool-number {
	color: #d987e2;
	margin-bottom: 18px;
}

.time-shield-copy h3 {
	font-family: "Shippori Mincho", serif;
	font-size: 29px;
	font-weight: 600;
	line-height: 1.58;
	margin-bottom: 18px;
}

.time-shield-copy > p:not(.time-shield-badge):not(.tool-number):not(.time-shield-note) {
	color: #b9c5e0;
	font-size: 12px;
	line-height: 2;
}

.time-shield-flow {
	border-bottom: 1px solid rgba(119, 186, 224, .16);
	border-top: 1px solid rgba(119, 186, 224, .16);
	margin: 23px 0 18px;
}

.time-shield-flow li {
	float: left;
	min-height: 87px;
	padding: 15px 3%;
	width: 33.333%;
}

.time-shield-flow li + li {
	border-left: 1px solid rgba(119, 186, 224, .16);
}

.time-shield-flow b,
.time-shield-flow span {
	display: block;
}

.time-shield-flow b {
	color: #72e2ed;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .12em;
	margin-bottom: 6px;
}

.time-shield-flow span {
	color: #aeb9d5;
	font-size: 11px;
	line-height: 1.6;
}

.time-shield-note {
	border-left: 2px solid rgba(213, 100, 218, .62);
	color: #808ead;
	font-size: 11px;
	line-height: 1.8;
	margin: 0;
	padding-left: 12px;
}

@keyframes time-shield-scan {
	0%, 15% { left: -42%; opacity: 0; }
	25% { opacity: .8; }
	70% { left: 114%; opacity: .52; }
	80%, 100% { left: 114%; opacity: 0; }
}

/* Stream Deck */

.stream-deck-feature {
	background:
		radial-gradient(circle at 91% 13%, rgba(104, 219, 239, .2), transparent 26%),
		radial-gradient(circle at 71% 88%, rgba(205, 85, 214, .15), transparent 31%),
		linear-gradient(135deg, #101832, #171747 62%, #102b48);
	border: 1px solid rgba(113, 199, 231, .27);
	border-radius: 18px;
	box-shadow: 0 34px 90px rgba(35, 45, 105, .2);
	color: #fff;
	margin: 75px 0 85px;
	min-height: 610px;
	overflow: hidden;
	position: relative;
}

.stream-deck-feature:before {
	background: linear-gradient(90deg, transparent, rgba(111, 225, 240, .58), rgba(221, 111, 225, .45), transparent);
	content: "";
	height: 1px;
	left: 4%;
	position: absolute;
	top: 0;
	width: 92%;
	z-index: 3;
}

.stream-deck-feature:after {
	background: rgba(110, 224, 240, .4);
	border-radius: 50%;
	box-shadow: 0 0 24px 7px rgba(110, 224, 240, .35), 92px 71px 0 -2px rgba(221, 105, 224, .23), 174px -34px 0 -3px rgba(255, 255, 255, .32);
	content: "";
	height: 3px;
	position: absolute;
	right: 8%;
	top: 12%;
	width: 3px;
	z-index: 1;
}

.stream-deck-media {
	bottom: 0;
	float: right;
	left: auto;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 57%;
}

.stream-deck-media:after {
	background: linear-gradient(90deg, rgba(16, 24, 50, .94), transparent 37%);
	bottom: 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}

.stream-deck-media img {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: 58% center;
	width: 100%;
}

.stream-deck-copy {
	float: left;
	padding: 54px 5% 44px 4.4%;
	position: relative;
	width: 43%;
	z-index: 2;
}

.stream-deck-badge {
	color: #74e3ef;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .18em;
	margin-bottom: 10px;
}

.stream-deck-copy .tool-number {
	color: #d987e2;
	margin-bottom: 18px;
}

.stream-deck-copy h3 {
	font-family: "Shippori Mincho", serif;
	font-size: 35px;
	font-weight: 600;
	line-height: 1.55;
	margin-bottom: 20px;
}

.stream-deck-copy > p:not(.stream-deck-badge):not(.tool-number):not(.stream-deck-note) {
	color: #bcc9e6;
	font-size: 13px;
	line-height: 2;
}

.stream-deck-actions {
	border-bottom: 1px solid rgba(122, 198, 229, .16);
	border-top: 1px solid rgba(122, 198, 229, .16);
	margin: 25px 0 19px;
}

.stream-deck-actions li {
	border: 0;
	border-top: 1px solid rgba(122, 198, 229, .12);
	border-radius: 0;
	color: #b8c4df;
	display: block;
	float: left;
	font-size: 11px;
	margin: 0;
	min-height: 64px;
	padding: 13px 2.8%;
	width: 50%;
}

.stream-deck-actions li:nth-child(-n+2) {
	border-top: 0;
}

.stream-deck-actions li:nth-child(even) {
	border-left: 1px solid rgba(122, 198, 229, .12);
}

.stream-deck-actions b {
	color: #6fe1ed;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .14em;
	margin-bottom: 3px;
}

.stream-deck-actions span {
	display: block;
	line-height: 1.65;
}

.stream-deck-note {
	color: #8594b5;
	font-size: 11px;
	line-height: 1.8;
	margin-bottom: 0;
}

/* Streamer overlay */

.streamer-overlay-feature {
	background: #fff;
	border: 1px solid #dce1ef;
	border-radius: 18px;
	box-shadow: 0 34px 90px rgba(35, 45, 105, .14);
	margin: 75px 0 85px;
	overflow: hidden;
	position: relative;
}

.streamer-overlay-feature:before {
	background: linear-gradient(90deg, #6458e5, #dc5bd1, #5dcbdc);
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4;
}

.streamer-overlay-visual {
	background: #111730;
	border-bottom: 1px solid #dce1ef;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.streamer-overlay-visual:after {
	background: linear-gradient(180deg, transparent 65%, rgba(7, 10, 28, .78));
	bottom: 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.streamer-overlay-visual img {
	display: block;
	height: auto;
	width: 100%;
}

.streamer-overlay-badge {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	background: rgba(13, 15, 52, .75);
	border: 1px solid rgba(150, 133, 235, .42);
	border-radius: 10px;
	color: #fff;
	left: 2.7%;
	margin: 0;
	padding: 12px 16px 11px;
	position: absolute;
	top: 4.5%;
	z-index: 2;
}

.streamer-overlay-badge span,
.streamer-overlay-badge b {
	display: block;
	font-family: "Montserrat", sans-serif;
}

.streamer-overlay-badge span {
	color: #77e3ec;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .18em;
	margin-bottom: 4px;
}

.streamer-overlay-badge b {
	font-size: 11px;
	letter-spacing: .12em;
}

.streamer-overlay-visual figcaption {
	bottom: 23px;
	color: #fff;
	left: 2.8%;
	position: absolute;
	z-index: 2;
}

.streamer-overlay-visual figcaption b,
.streamer-overlay-visual figcaption span {
	display: block;
}

.streamer-overlay-visual figcaption b {
	color: #88e5ee;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .18em;
	margin-bottom: 5px;
}

.streamer-overlay-visual figcaption span {
	font-size: 11px;
	letter-spacing: .04em;
}

.streamer-overlay-body {
	background:
		radial-gradient(circle at 88% 18%, rgba(105, 92, 222, .08), transparent 27%),
		#fff;
	padding: 55px 4.5% 37px;
}

.streamer-overlay-copy {
	float: left;
	padding-right: 4%;
	width: 49%;
}

.streamer-overlay-copy .free-feature-badge {
	color: #6554d8;
}

.streamer-overlay-copy h3 {
	color: #171d3a;
	font-family: "Shippori Mincho", serif;
	font-size: 34px;
	font-weight: 600;
	letter-spacing: .04em;
	line-height: 1.6;
	margin: 17px 0 19px;
}

.streamer-overlay-copy > p:not(.free-feature-badge):not(.streamer-overlay-free) {
	color: #68728b;
	font-size: 13px;
	line-height: 2;
}

.streamer-overlay-free {
	border-left: 3px solid #6254db;
	margin: 24px 0 0;
	padding: 4px 0 4px 15px;
}

.streamer-overlay-free strong,
.streamer-overlay-free span {
	display: block;
}

.streamer-overlay-free strong {
	color: #5d4fd2;
	font-size: 11px;
	margin-bottom: 4px;
}

.streamer-overlay-free span {
	color: #8991a5;
	font-size: 11px;
	line-height: 1.7;
}

.streamer-overlay-specs {
	float: right;
	width: 47%;
}

.streamer-overlay-spec-title {
	color: #6b5bd5;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	margin: 3px 0 13px;
}

.streamer-overlay-specs ul {
	border-bottom: 1px solid #e4e7f0;
	border-top: 1px solid #e4e7f0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.streamer-overlay-specs li {
	border-top: 1px solid #e4e7f0;
	float: left;
	min-height: 81px;
	padding: 14px 4%;
	width: 50%;
}

.streamer-overlay-specs li:nth-child(-n+2) {
	border-top: 0;
}

.streamer-overlay-specs li:nth-child(even) {
	border-left: 1px solid #e4e7f0;
}

.streamer-overlay-specs li span,
.streamer-overlay-specs li b,
.streamer-overlay-specs li small {
	display: block;
}

.streamer-overlay-specs li span {
	color: #b1a9d9;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	margin-bottom: 3px;
}

.streamer-overlay-specs li b {
	color: #222844;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.55;
}

.streamer-overlay-specs li small {
	color: #8a92a7;
	font-size: 11px;
	line-height: 1.6;
	margin-top: 2px;
}

.streamer-overlay-note {
	border-top: 1px solid #e4e7f0;
	clear: both;
	color: #7c8499;
	font-size: 11px;
	line-height: 1.9;
	margin: 40px 0 0;
	padding-top: 18px;
}

.streamer-overlay-note strong {
	color: #313958;
	margin-right: 8px;
}

.compact-tools {
	border-bottom: 1px solid #e5e8f1;
	border-top: 1px solid #e5e8f1;
	margin-top: 30px;
}

.compact-card {
	float: left;
	min-height: 330px;
	padding: 50px 4%;
	width: 50%;
}

.compact-card + .compact-card {
	border-left: 1px solid #e5e8f1;
}

.collaboration-card span {
	display: inline-block;
	margin: 0 9px 0 0;
}

.compact-card span {
	color: #8f85d8;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
}

.compact-card h3 {
	color: #1a2141;
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	margin: 17px 0 13px;
}

.compact-card p {
	color: #747c93;
	font-size: 13px;
	line-height: 2;
}

.compact-card .compact-beta-label {
	background: #fff0f2;
	border: 1px solid #f2a5af;
	border-radius: 3px;
	color: #c52d42;
	display: inline-block;
	font-family: "Montserrat", "Noto Sans JP", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.5;
	margin: 11px 0 0;
	padding: 5px 10px;
}

.compact-card .compact-beta-note {
	background: #fff5f6;
	border-left: 3px solid #d9364d;
	color: #a92a3d;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.8;
	margin-top: 15px;
	padding: 9px 12px;
}

/* Voice Graph / BGM paired features */

.paired-features {
	margin: 0 0 30px;
}

.paired-feature {
	background: linear-gradient(150deg, #fff, #f5f7ff);
	border: 1px solid #dfe4f1;
	border-radius: 18px;
	box-shadow: 0 28px 72px rgba(42, 49, 92, .12);
	float: left;
	min-height: 1210px;
	overflow: hidden;
	position: relative;
	width: 48.8%;
}

.paired-feature-bgm {
	background: linear-gradient(150deg, #fff, #f7f3ff);
	border-color: #e3ddf1;
	float: right;
}

.paired-feature:before {
	background: linear-gradient(90deg, transparent, rgba(91, 212, 231, .65), transparent);
	content: "";
	height: 1px;
	left: 7%;
	position: absolute;
	top: 0;
	width: 86%;
	z-index: 4;
}

.paired-feature-bgm:before {
	background: linear-gradient(90deg, transparent, rgba(166, 104, 234, .7), transparent);
}

.paired-feature-media {
	background:
		radial-gradient(circle at 60% 18%, rgba(78, 107, 220, .2), transparent 38%),
		#080d23;
	height: 410px;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.paired-feature-media > img {
	display: block;
}

.paired-voice-media > img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.paired-bgm-media {
	background: #0d0a21;
}

.paired-bgm-main {
	height: 100%;
	object-fit: cover;
	object-position: center top;
	opacity: .82;
	width: 100%;
}

.paired-bgm-media:after {
	background: linear-gradient(180deg, rgba(10, 7, 28, .02), rgba(10, 7, 28, .52));
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.paired-bgm-pack {
	border: 1px solid rgba(200, 175, 255, .52);
	border-radius: 11px;
	bottom: 54px;
	box-shadow: 0 22px 50px rgba(0, 0, 0, .5), 0 0 28px rgba(125, 77, 220, .2);
	height: 48%;
	object-fit: cover;
	object-position: center top;
	position: absolute;
	right: 4%;
	width: 50%;
	z-index: 2;
}

.paired-feature-media figcaption {
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	background: rgba(5, 11, 31, .9);
	border-top: 1px solid rgba(104, 213, 232, .2);
	bottom: 0;
	color: #8be7ef;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	left: 0;
	letter-spacing: .11em;
	padding: 12px 16px;
	position: absolute;
	width: 100%;
	z-index: 3;
}

.paired-feature-bgm .paired-feature-media figcaption {
	border-top-color: rgba(189, 149, 245, .22);
	color: #c7a4f4;
}

.paired-feature-media figcaption span {
	color: #aeb9d2;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 11px;
	letter-spacing: .02em;
	margin-top: 3px;
}

.paired-feature-body {
	padding: 42px 7% 40px;
}

.paired-feature-number {
	color: #8175cf;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	margin: 0 0 10px;
}

.paired-feature-bgm .paired-feature-number {
	color: #9a68cf;
}

.paired-feature-badge {
	color: #47bccc;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .13em;
	margin: 0 0 15px;
}

.paired-feature-bgm .paired-feature-badge {
	color: #9865ce;
}

.paired-feature h3 {
	color: #18203f;
	font-family: "Shippori Mincho", serif;
	font-size: 31px;
	font-weight: 600;
	line-height: 1.55;
	margin: 0 0 20px;
}

.paired-feature-body > p:not(.paired-feature-number):not(.paired-feature-badge):not(.paired-feature-note) {
	color: #69738c;
	font-size: 12px;
	line-height: 2;
	margin: 0;
}

.paired-feature-points {
	border-top: 1px solid #e0e4ef;
	margin-top: 27px;
}

.paired-feature-points li {
	border-bottom: 1px solid #e0e4ef;
	min-height: 79px;
	padding: 15px 0;
}

.paired-feature-points b,
.paired-feature-points span {
	display: block;
}

.paired-feature-points b {
	color: #6c60c6;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .11em;
	margin-bottom: 5px;
}

.paired-feature-bgm .paired-feature-points b {
	color: #9860c8;
}

.paired-feature-points span {
	color: #747d93;
	font-size: 11px;
	line-height: 1.75;
}

.paired-feature-note {
	color: #858da1;
	font-size: 11px;
	line-height: 1.85;
	margin: 22px 0 0;
}

.paired-feature-note span {
	color: #7060ca;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .09em;
	margin-right: 6px;
}

.paired-feature-note a {
	color: #5a53b7;
	font-weight: 600;
	white-space: nowrap;
}

.voice-route-strip {
	background: linear-gradient(135deg, #101936, #182c53);
	border: 1px solid rgba(87, 206, 224, .3);
	border-radius: 11px;
	box-shadow: 0 16px 36px rgba(31, 69, 104, .14);
	margin-top: 24px;
	padding: 18px 5%;
}

.voice-route-strip span,
.voice-route-strip strong,
.voice-route-strip small {
	display: block;
}

.voice-route-strip span {
	color: #8fe5ee;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .13em;
	margin-bottom: 7px;
}

.voice-route-strip strong {
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .05em;
	line-height: 1.75;
}

.voice-route-strip small {
	color: #b7c7db;
	font-size: 11px;
	line-height: 1.75;
	margin-top: 7px;
}

.manager-music-link {
	background:
		radial-gradient(circle at 90% 10%, rgba(112, 219, 238, .16), transparent 30%),
		linear-gradient(135deg, #171336, #292057);
	border: 1px solid rgba(173, 132, 235, .38);
	border-radius: 11px;
	box-shadow: 0 16px 36px rgba(54, 36, 116, .16);
	display: block;
	margin-top: 24px;
	padding: 18px 5%;
	transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}

.manager-music-link:hover,
.manager-music-link:focus-visible {
	border-color: rgba(197, 159, 251, .72);
	box-shadow: 0 20px 45px rgba(67, 42, 138, .25);
	transform: translateY(-3px);
}

.manager-music-link span,
.manager-music-link strong,
.manager-music-link small {
	display: block;
}

.manager-music-link span {
	color: #9fe6ef;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .13em;
	margin-bottom: 7px;
}

.manager-music-link strong {
	color: #fff;
	font-family: "Shippori Mincho", serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.65;
}

.manager-music-link small {
	color: #b7b5d1;
	font-size: 11px;
	line-height: 1.75;
	margin-top: 8px;
}

/* streaming destinations */

.platform-section {
	background:
		linear-gradient(125deg, rgba(246, 249, 255, .97), rgba(242, 238, 255, .94)),
		#f5f7ff;
	border-top: 1px solid #e1e5f2;
	padding-bottom: 125px;
	padding-top: 125px;
}

.platform-section:before {
	background-image: radial-gradient(circle, rgba(95, 84, 193, .2) 1px, transparent 1.5px);
	background-size: 34px 34px;
	content: "";
	height: 100%;
	left: 0;
	opacity: .28;
	position: absolute;
	top: 0;
	width: 100%;
}

.platform-orbit {
	border: 1px solid rgba(110, 96, 205, .11);
	border-radius: 50%;
	pointer-events: none;
	position: absolute;
}

.platform-orbit-a {
	height: 560px;
	right: -210px;
	top: -290px;
	transform: rotate(-18deg);
	width: 760px;
}

.platform-orbit-b {
	bottom: -340px;
	height: 690px;
	left: -270px;
	width: 690px;
}

.platform-heading {
	margin-bottom: 62px;
}

.platform-title {
	float: left;
	width: 51%;
}

.platform-title h2 {
	color: #111a37;
	font-family: "Shippori Mincho", serif;
	font-size: 48px;
	font-weight: 600;
	letter-spacing: .05em;
	line-height: 1.5;
	margin: 0;
}

.platform-lead {
	color: #65708b;
	float: right;
	font-size: 15px;
	line-height: 2.15;
	margin: 41px 0 0;
	width: 43%;
}

.platform-youtube {
	background:
		radial-gradient(circle at 84% 12%, rgba(255, 86, 105, .24), transparent 28%),
		linear-gradient(145deg, #17183c, #241b51 55%, #152d50);
	border-color: rgba(122, 126, 218, .4);
	box-shadow: 0 30px 76px rgba(35, 34, 93, .22);
	color: #fff;
	float: left;
	min-height: 632px;
	overflow: hidden;
	padding: 43px 4.2%;
	position: relative;
	width: 55.5%;
}

.platform-youtube:before {
	background: linear-gradient(90deg, #ff4242, #fa5cc7, #6b7ff1);
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.platform-youtube:after {
	background: rgba(255, 255, 255, .13);
	border-radius: 50%;
	box-shadow: 0 0 55px rgba(255, 110, 154, .32);
	content: "";
	height: 8px;
	position: absolute;
	right: 12%;
	top: 28%;
	width: 8px;
}

.platform-card {
	border: 1px solid #dce1ef;
	border-radius: 18px;
	box-sizing: border-box;
}

.platform-brand {
	min-height: 54px;
	position: relative;
	z-index: 2;
}

.platform-logo {
	align-items: center;
	background: rgba(255, 255, 255, .96);
	border: 1px solid rgba(195, 202, 224, .52);
	border-radius: 13px;
	display: flex;
	float: left;
	height: 54px;
	justify-content: center;
	padding: 12px;
	width: 54px;
}

.platform-logo img {
	display: block;
	max-height: 100%;
	max-width: 100%;
}

.platform-brand > p {
	float: left;
	margin: 3px 0 0 15px;
}

.platform-brand small {
	color: #a3acc8;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .18em;
	line-height: 1.4;
}

.platform-brand strong {
	display: block;
	font-family: "Montserrat", "Noto Sans JP", sans-serif;
	font-size: 20px;
	line-height: 1.55;
}

.platform-youtube .platform-brand strong {
	color: #fff;
}

.platform-status {
	border-radius: 999px;
	display: block;
	font-family: "Montserrat", "Noto Sans JP", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1;
	padding: 9px 12px;
	position: absolute;
	right: 0;
	top: 10px;
}

.platform-status-primary {
	background: rgba(255, 255, 255, .11);
	border: 1px solid rgba(255, 255, 255, .24);
	color: #fff;
}

.platform-status-beta {
	background: #ffedf5;
	border: 1px solid #f28bb9;
	color: #a72663;
}

.platform-main-copy {
	margin-top: 88px;
	max-width: 650px;
	position: relative;
	z-index: 2;
}

.platform-card-kicker {
	color: #ff8d9a;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .24em;
	margin-bottom: 18px;
}

.platform-main-copy h3 {
	color: #fff;
	font-family: "Shippori Mincho", serif;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: .06em;
	line-height: 1.55;
	margin-bottom: 21px;
}

.platform-main-copy > p:last-child {
	color: #c7cce0;
	font-size: 14px;
	line-height: 2.05;
}

.platform-points {
	border-bottom: 1px solid rgba(255, 255, 255, .13);
	border-top: 1px solid rgba(255, 255, 255, .13);
	bottom: 43px;
	left: 7.5%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 85%;
	z-index: 2;
}

.platform-points li {
	float: left;
	min-height: 74px;
	padding: 18px 3%;
	width: 33.333%;
}

.platform-points li + li {
	border-left: 1px solid rgba(255, 255, 255, .13);
}

.platform-points span {
	color: #7f8eb6;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	margin-bottom: 5px;
}

.platform-points b {
	color: #f5f6ff;
	display: block;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.6;
}

.platform-beta-group {
	float: right;
	width: 41.8%;
}

.platform-beta-card {
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 18px 44px rgba(50, 55, 102, .08);
	min-height: 303px;
	padding: 31px 6.5% 28px;
	position: relative;
}

.platform-beta-card + .platform-beta-card {
	margin-top: 26px;
}

.platform-twitch {
	border-top: 3px solid #9146ff;
}

.platform-twitcasting {
	border-top: 3px solid #3381ff;
}

.platform-beta-card h3 {
	color: #161d3c;
	font-family: "Shippori Mincho", serif;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: .04em;
	line-height: 1.55;
	margin: 27px 0 9px;
}

.platform-beta-card > p {
	color: #67718b;
	font-size: 11px;
	line-height: 1.85;
	margin-bottom: 0;
}

.platform-beta-card .platform-test-note {
	border-top: 1px solid #e8eaf2;
	color: #8a7181;
	font-size: 11px;
	line-height: 1.7;
	margin-top: 14px;
	padding-top: 12px;
}

.platform-twitcasting .platform-logo {
	border-radius: 9px;
	padding: 12px 9px;
	width: 104px;
}

.platform-twitcasting .platform-brand > p {
	margin-left: 11px;
}

.platform-twitcasting .platform-brand strong {
	font-size: 15px;
	line-height: 1.8;
}

.platform-beta-notice {
	background: rgba(255, 255, 255, .68);
	border: 1px solid #dde1ee;
	border-radius: 12px;
	margin-top: 30px;
	padding: 18px 2.5%;
}

.platform-beta-notice p {
	margin: 0;
}

.platform-beta-notice strong {
	color: #a72b64;
	display: block;
	float: left;
	font-family: "Montserrat", "Noto Sans JP", sans-serif;
	font-size: 11px;
	letter-spacing: .09em;
	padding-top: 2px;
	width: 15%;
}

.platform-beta-notice span {
	color: #727b91;
	display: block;
	float: right;
	font-size: 11px;
	line-height: 1.8;
	width: 84%;
}

.platform-beta-notice p:after {
	clear: both;
	content: "";
	display: table;
}

/* Stella2D native */

.stella2d-free {
	background:
		radial-gradient(circle at 76% 17%, rgba(88, 222, 235, .18), transparent 30%),
		linear-gradient(135deg, #111839, #17133d 55%, #102744);
	border: 1px solid rgba(113, 218, 234, .27);
	border-radius: 18px;
	box-shadow: 0 34px 85px rgba(43, 42, 101, .2);
	color: #fff;
	margin: 75px 0 85px;
	min-height: 570px;
	overflow: hidden;
	position: relative;
}

.stella2d-free:before {
	background: linear-gradient(90deg, transparent, rgba(109, 229, 239, .42), transparent);
	content: "";
	height: 1px;
	left: 7%;
	position: absolute;
	top: 0;
	width: 86%;
}

.stella2d-free-copy {
	float: left;
	padding: 58px 4.5% 46px;
	position: relative;
	width: 45%;
	z-index: 2;
}

.free-feature-badge {
	color: #73e4ef;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .18em;
	margin-bottom: 20px;
}

.stella2d-free-copy h3 {
	font-family: "Shippori Mincho", serif;
	font-size: 35px;
	font-weight: 600;
	line-height: 1.55;
	margin-bottom: 23px;
}

.stella2d-free-copy > p:not(.free-feature-badge) {
	color: #bbc8e5;
	font-size: 13px;
	line-height: 2;
}

.stella2d-free code {
	color: #7be7f0;
	font-family: "Montserrat", sans-serif;
	font-size: .95em;
}

.stella2d-free-media {
	background: #080e27;
	bottom: 0;
	float: none;
	height: auto;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 55%;
}

.stella2d-free-media img {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

.stella2d-free-media figcaption {
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	background: rgba(7, 12, 34, .86);
	color: #8feaf2;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .13em;
	bottom: 0;
	left: 0;
	padding: 13px 18px;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.stella2d-free-media figcaption span {
	color: #fff;
	float: right;
	letter-spacing: .05em;
}

.stella2d-runtime-spec {
	background: rgba(5, 12, 33, .88);
	border-top: 1px solid rgba(108, 218, 233, .2);
	bottom: 34px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.stella2d-runtime-spec span {
	color: #909dbd;
	float: left;
	font-size: 11px;
	min-height: 66px;
	padding: 13px 3%;
	width: 50%;
}

.stella2d-runtime-spec span:nth-child(even) {
	border-left: 1px solid rgba(111, 136, 194, .15);
}

.stella2d-runtime-spec span:nth-child(n+3) {
	border-top: 1px solid rgba(111, 136, 194, .15);
}

.stella2d-runtime-spec b {
	color: #68dce7;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .11em;
	margin-bottom: 3px;
}

.stella2d-flow {
	border-bottom: 1px solid rgba(128, 211, 229, .18);
	border-top: 1px solid rgba(128, 211, 229, .18);
	margin: 30px 0;
	padding: 15px 0;
	text-align: center;
}

.stella2d-flow span {
	color: #dce8fa;
	float: left;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .06em;
	width: 22%;
}

.stella2d-flow span b {
	color: #67dfe9;
	display: block;
	font-size: 11px;
	margin-bottom: 3px;
}

.stella2d-flow i {
	color: #675cae;
	float: left;
	font-size: 11px;
	font-style: normal;
	padding-top: 7px;
	width: 4%;
}

.stella2d-afk-note {
	background: rgba(7, 13, 36, .56);
	border-left: 2px solid #dd63c5;
	padding: 18px 20px;
}

.stella2d-afk-note > span {
	color: #ef83d7;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .15em;
}

.stella2d-afk-note h4 {
	font-size: 15px;
	margin: 8px 0 7px;
}

.stella2d-afk-note p {
	color: #9faecc;
	font-size: 11px;
	line-height: 1.9;
}

/* mid CTA */

.mid-cta {
	background:
		radial-gradient(circle at 78% 30%, rgba(101, 95, 223, .15), transparent 27%),
		linear-gradient(115deg, #f3f0ff, #edf7ff);
	border-bottom: 1px solid #d9def0;
	border-top: 1px solid #d9def0;
	padding: 105px 0;
}

.mid-cta:after {
	color: rgba(70, 66, 162, .035);
	content: "STAGE";
	font-family: "Montserrat", sans-serif;
	font-size: 240px;
	font-weight: 700;
	line-height: .8;
	pointer-events: none;
	position: absolute;
	right: -30px;
	top: 20px;
}

.cta-copy {
	float: left;
	position: relative;
	width: 60%;
	z-index: 2;
}

.cta-copy h2 {
	font-size: 42px;
}

.cta-copy > p:last-child {
	color: #66708a;
	margin-bottom: 0;
	max-width: 650px;
}

.cta-action {
	float: right;
	padding-top: 46px;
	position: relative;
	text-align: right;
	width: 37%;
	z-index: 2;
}

.cta-action p {
	color: #858ca3;
	font-size: 11px;
	letter-spacing: .1em;
	margin: 12px 7px 0 0;
}

/* Pro */

.pro-section {
	background:
		radial-gradient(circle at 77% 8%, rgba(95, 73, 227, .25), transparent 26%),
		radial-gradient(circle at 12% 48%, rgba(43, 171, 206, .1), transparent 27%),
		linear-gradient(180deg, #07102b, #080b21 70%, #050716);
	color: #f7f8ff;
	padding-bottom: 165px;
}

.pro-section:before {
	background-image:
		linear-gradient(rgba(127, 153, 230, .05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(127, 153, 230, .05) 1px, transparent 1px);
	background-size: 54px 54px;
	content: "";
	height: 100%;
	left: 0;
	mask-image: linear-gradient(black, transparent 85%);
	position: absolute;
	top: 0;
	width: 100%;
}

.pro-aurora {
	background: linear-gradient(110deg, rgba(77, 207, 231, .28), rgba(94, 72, 221, .35), rgba(230, 72, 196, .25));
	filter: blur(90px);
	height: 210px;
	left: 13%;
	opacity: .55;
	position: absolute;
	top: 0;
	transform: rotate(-8deg);
	width: 75%;
}

.pro-title {
	float: left;
	width: 66%;
}

.pro-badge {
	border: 1px solid rgba(111, 221, 237, .45);
	border-radius: 100px;
	color: #79e3ed;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	margin-bottom: 38px;
	padding: 7px 15px;
}

.pro-title .section-kicker {
	color: #8f97e9;
}

.pro-title h2 {
	color: #fff;
	font-size: 54px;
}

.pro-price {
	float: right;
	padding-top: 70px;
	text-align: right;
	width: 31%;
}

.pro-price p {
	margin: 0;
}

.pro-price span,
.pro-price strong,
.pro-price small {
	display: inline-block;
	vertical-align: baseline;
}

.pro-price span {
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 100px;
	color: #aeb6d8;
	font-size: 11px;
	margin-right: 12px;
	padding: 5px 12px;
}

.pro-price strong {
	font-family: "Montserrat", sans-serif;
	font-size: 58px;
	line-height: 1;
}

.pro-price small {
	color: #8992b3;
	font-size: 11px;
	margin-left: 7px;
}

.pro-price > b {
	color: #74dfea;
	display: block;
	font-size: 12px;
	letter-spacing: .12em;
	margin-top: 13px;
}

.pro-price .pro-price-scope {
	color: #f19adf;
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	margin-top: 5px;
}

.pro-visual {
	border: 1px solid rgba(109, 132, 232, .35);
	border-radius: 14px;
	box-shadow: 0 42px 110px rgba(0, 0, 0, .45), 0 0 70px rgba(77, 73, 212, .12);
	margin: 60px 0 0;
	overflow: hidden;
	position: relative;
}

.pro-visual img {
	display: block;
	width: 100%;
}

.pro-visual figcaption {
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background: rgba(7, 10, 31, .82);
	bottom: 0;
	color: #b8c1e0;
	font-size: 11px;
	left: 0;
	letter-spacing: .05em;
	padding: 14px 22px;
	position: absolute;
	width: 100%;
}

.pro-features {
	margin-top: 70px;
}

.pro-feature {
	border-left: 1px solid rgba(128, 149, 219, .18);
	float: left;
	min-height: 330px;
	padding: 20px 3% 35px;
	width: 25%;
}

.pro-feature:nth-child(4n+1) {
	border-left: 0;
}

.pro-feature:nth-child(n+5) {
	border-top: 1px solid rgba(128, 149, 219, .18);
	padding-top: 45px;
}

.pro-feature b {
	color: rgba(101, 221, 235, .43);
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 32px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 17px;
}

.pro-feature > span {
	color: #8c96d5;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .15em;
}

.pro-feature h3 {
	font-family: "Shippori Mincho", serif;
	font-size: 21px;
	font-weight: 600;
	margin: 10px 0 12px;
}

.pro-feature p {
	color: #9ca6c6;
	font-size: 12px;
	line-height: 1.9;
}

.pro-evolution {
	border-top: 0;
	margin-top: 34px;
	padding-top: 0;
}

.pro-update-heading {
	margin: 0 auto;
	max-width: 900px;
	text-align: center;
}

.pro-update-heading h3 {
	font-family: "Shippori Mincho", serif;
	font-size: 42px;
	font-weight: 600;
	line-height: 1.55;
	margin: 18px 0 20px;
}

.pro-update-heading > p:last-child {
	color: #9fa9ca;
	font-size: 14px;
	line-height: 2.1;
	margin: 0 auto;
	max-width: 760px;
}

.pro-vr-feature,
.pro-sync-feature,
.only-me-feature,
.pro-smart-link {
	background:
		radial-gradient(circle at 70% 5%, rgba(66, 211, 233, .12), transparent 28%),
		linear-gradient(135deg, rgba(17, 26, 66, .94), rgba(21, 14, 51, .96));
	border: 1px solid rgba(100, 188, 229, .28);
	border-radius: 18px;
	box-shadow: 0 34px 90px rgba(0, 0, 0, .28);
	margin-top: 58px;
	overflow: hidden;
	position: relative;
}

.pro-vr-feature {
	background:
		radial-gradient(circle at 7% 7%, rgba(93, 225, 237, .13), transparent 25%),
		radial-gradient(circle at 89% 15%, rgba(219, 91, 207, .12), transparent 27%),
		linear-gradient(145deg, rgba(15, 25, 64, .98), rgba(20, 13, 52, .98));
	box-shadow: 0 46px 120px rgba(0, 0, 0, .38), 0 0 65px rgba(70, 192, 222, .08);
}

.pro-vr-feature:before,
.pro-sync-feature:before,
.only-me-feature:before,
.pro-smart-link:before {
	background: linear-gradient(90deg, transparent, rgba(93, 225, 237, .56), transparent);
	content: "";
	height: 1px;
	left: 7%;
	position: absolute;
	top: 0;
	width: 86%;
	z-index: 3;
}

.pro-vr-heading {
	padding: 60px 4.5% 45px;
}

.pro-vr-title {
	float: left;
	width: 55%;
}

.pro-vr-lead {
	border-left: 1px solid rgba(113, 206, 228, .21);
	float: right;
	margin-top: 19px;
	padding: 8px 0 8px 4.5%;
	width: 41%;
}

.pro-vr-lead p {
	color: #b9c5e1;
	font-size: 13px;
	line-height: 2.1;
	margin: 0;
}

.pro-vr-lead .pro-vr-access {
	background: rgba(220, 78, 180, .10);
	border: 1px solid rgba(230, 115, 207, .34);
	color: #c6cde1;
	font-size: 11px;
	line-height: 1.7;
	margin-top: 17px;
	padding: 11px 14px;
}

.pro-vr-lead .pro-vr-access b {
	color: #f19adf;
	display: block;
	font-size: 12px;
}

.pro-vr-badge {
	border: 1px solid rgba(221, 111, 211, .38);
	border-radius: 100px;
	color: #e286dc;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	margin: 0 0 19px;
	padding: 6px 12px;
}

.pro-vr-title h4 {
	font-family: "Shippori Mincho", serif;
	font-size: 45px;
	font-weight: 600;
	line-height: 1.52;
	margin: 0;
}

.pro-vr-title h4 em {
	color: #7ce7ef;
	font-style: normal;
}

.pro-vr-media {
	background: #070d25;
	border: 1px solid rgba(117, 218, 232, .2);
	border-radius: 13px;
	box-shadow: 0 28px 70px rgba(0, 0, 0, .35);
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 95%;
}

.pro-vr-media img {
	display: block;
	height: auto;
	width: 100%;
}

.pro-sync-media img {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

.pro-vr-media figcaption,
.pro-sync-media figcaption {
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	background: rgba(7, 12, 35, .86);
	color: #86e6ef;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .15em;
	padding: 12px 18px;
	width: 100%;
	z-index: 2;
}

.pro-vr-media figcaption {
	bottom: 0;
	left: 0;
	position: absolute;
}

.pro-sync-media figcaption {
	bottom: 0;
	left: 0;
	position: absolute;
}

.pro-vr-media figcaption span,
.pro-sync-media figcaption span {
	color: #b4bdd9;
	float: right;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: .04em;
}

.pro-vr-visual-stats {
	background: rgba(6, 13, 38, .94);
	border-top: 1px solid rgba(105, 217, 232, .19);
	bottom: 34px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.pro-vr-visual-stats span {
	color: #a3afca;
	float: left;
	font-size: 11px;
	min-height: 72px;
	padding: 14px 2%;
	width: 25%;
}

.pro-vr-visual-stats span + span {
	border-left: 1px solid rgba(115, 139, 197, .16);
}

.pro-vr-visual-stats b {
	color: #72dfe9;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .1em;
	margin-bottom: 3px;
}

.pro-update-number {
	color: #68dfe9;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .17em;
	margin-bottom: 12px;
}

.pro-sync-copy h4 {
	font-family: "Shippori Mincho", serif;
	font-size: 31px;
	font-weight: 600;
	line-height: 1.55;
	margin-bottom: 18px;
}

.pro-sync-copy > p:not(.pro-update-number):not(.pro-sync-note) {
	color: #adb8d7;
	font-size: 12px;
	line-height: 2;
}

.pro-vr-content {
	padding: 54px 4.5% 62px;
}

.pro-vr-manifesto {
	float: left;
	padding-right: 5%;
	width: 35%;
}

.pro-vr-manifesto h5 {
	color: #fff;
	font-family: "Shippori Mincho", serif;
	font-size: 27px;
	font-weight: 600;
	line-height: 1.65;
	margin: 0 0 18px;
}

.pro-vr-manifesto > p:not(.pro-vr-footnote) {
	color: #aeb9d6;
	font-size: 11px;
	line-height: 2;
}

.pro-vr-capabilities {
	border-left: 1px solid rgba(122, 148, 210, .16);
	border-top: 1px solid rgba(122, 148, 210, .16);
	float: right;
	width: 65%;
}

.pro-vr-capabilities li {
	border-bottom: 1px solid rgba(122, 148, 210, .16);
	border-right: 1px solid rgba(122, 148, 210, .16);
	float: left;
	min-height: 154px;
	padding: 20px 3%;
	width: 50%;
}

.pro-vr-capabilities b {
	color: #e17bd9;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .14em;
	margin-bottom: 8px;
}

.pro-vr-capabilities strong {
	color: #edf3ff;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 7px;
}

.pro-vr-capabilities span {
	color: #8f9cbd;
	display: block;
	font-size: 11px;
	line-height: 1.85;
}

.pro-vr-footnote,
.pro-sync-note {
	color: #7783a8;
	font-size: 11px;
	line-height: 1.8;
	margin-top: 18px;
}

.pro-sync-feature {
	background:
		radial-gradient(circle at 19% 82%, rgba(219, 73, 189, .12), transparent 29%),
		linear-gradient(135deg, rgba(25, 16, 56, .97), rgba(10, 28, 54, .96));
	margin-top: 34px;
	min-height: 470px;
}

.pro-sync-copy {
	float: left;
	padding: 56px 4% 45px;
	width: 42%;
}

.pro-sync-copy h4 em {
	color: #70e0ea;
	font-style: normal;
}

.pro-sync-media {
	background: #080d23;
	bottom: 0;
	float: none;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 58%;
}

.sync-points {
	margin-top: 28px;
	overflow: hidden;
}

.sync-points span,
.sync-points i,
.sync-points b {
	box-sizing: border-box;
	display: block;
	float: left;
	text-align: center;
}

.sync-points span {
	border: 1px solid rgba(103, 218, 232, .24);
	border-radius: 100px;
	color: #b9c6e3;
	font-size: 11px;
	margin: 0;
	padding: 6px 9px;
	width: 21%;
}

.sync-points i {
	color: #7167af;
	font-style: normal;
	font-size: 11px;
	margin: 0;
	padding-top: 7px;
	width: 4%;
}

.sync-points b {
	background: linear-gradient(120deg, #25bbc8, #6d5fe0);
	border-radius: 100px;
	box-shadow: 0 0 20px rgba(73, 202, 222, .22);
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .1em;
	margin: 0;
	padding: 7px 12px;
	width: 29%;
}

.only-me-feature {
	background:
		radial-gradient(circle at 9% 2%, rgba(64, 226, 188, .18), transparent 27%),
		radial-gradient(circle at 91% 18%, rgba(73, 113, 221, .2), transparent 30%),
		linear-gradient(145deg, rgba(5, 28, 40, .99), rgba(10, 19, 49, .99) 58%, rgba(18, 18, 53, .99));
	border-color: rgba(72, 215, 185, .34);
	box-shadow: 0 48px 120px rgba(0, 0, 0, .42), 0 0 78px rgba(59, 213, 182, .09);
	margin-top: 34px;
}

.only-me-feature:after {
	background: radial-gradient(circle, rgba(91, 234, 201, .29) 0 1px, transparent 1.5px);
	background-size: 34px 34px;
	content: "";
	height: 260px;
	opacity: .15;
	pointer-events: none;
	position: absolute;
	right: -55px;
	top: -65px;
	transform: rotate(8deg);
	width: 470px;
}

.only-me-heading {
	padding: 62px 4.5% 46px;
	position: relative;
	z-index: 2;
}

.only-me-title {
	float: left;
	width: 58%;
}

.only-me-lead {
	border-left: 1px solid rgba(98, 220, 195, .24);
	float: right;
	margin-top: 22px;
	padding: 8px 0 8px 4.5%;
	width: 38%;
}

.only-me-lead p {
	color: #b8cbd5;
	font-size: 13px;
	line-height: 2.1;
	margin: 0;
}

.only-me-badge {
	background: rgba(63, 213, 181, .08);
	border: 1px solid rgba(81, 224, 194, .46);
	border-radius: 100px;
	color: #75e6c8;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	margin: 0 0 19px;
	padding: 6px 12px;
}

.only-me-title h4 {
	font-family: "Shippori Mincho", serif;
	font-size: 45px;
	font-weight: 600;
	line-height: 1.52;
	margin: 0;
}

.only-me-title h4 em {
	color: #79e7cc;
	font-style: normal;
}

.only-me-media {
	background: #050e18;
	border: 1px solid rgba(93, 226, 197, .3);
	border-radius: 14px;
	box-shadow: 0 34px 90px rgba(0, 0, 0, .46);
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 95%;
	z-index: 2;
}

.only-me-media img {
	display: block;
	height: auto;
	width: 100%;
}

.only-me-media figcaption {
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	background: rgba(3, 15, 24, .93);
	border-top: 1px solid rgba(91, 226, 195, .2);
	color: #83e9ce;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .14em;
	padding: 12px 18px;
}

.only-me-media figcaption span {
	color: #b9cad3;
	float: right;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: .03em;
}

.only-me-content {
	padding: 55px 4.5% 42px;
	position: relative;
	z-index: 2;
}

.only-me-copy {
	float: left;
	padding-right: 5%;
	width: 35%;
}

.only-me-copy h5 {
	color: #fff;
	font-family: "Shippori Mincho", serif;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.68;
	margin: 0 0 18px;
}

.only-me-copy > p:not(.only-me-chain) {
	color: #aebfca;
	font-size: 11px;
	line-height: 2;
	margin: 0;
}

.only-me-chain {
	margin: 25px 0 0;
	overflow: hidden;
}

.only-me-chain b,
.only-me-chain i {
	display: block;
	float: left;
}

.only-me-chain b {
	border: 1px solid rgba(87, 221, 193, .3);
	border-radius: 100px;
	color: #8debd5;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .03em;
	padding: 6px;
}

.only-me-chain i {
	color: #647e8c;
	font-style: normal;
	padding: 6px 3px;
}

.only-me-capabilities {
	border-left: 1px solid rgba(105, 179, 175, .18);
	border-top: 1px solid rgba(105, 179, 175, .18);
	float: right;
	width: 65%;
}

.only-me-capabilities li {
	border-bottom: 1px solid rgba(105, 179, 175, .18);
	border-right: 1px solid rgba(105, 179, 175, .18);
	float: left;
	min-height: 166px;
	padding: 21px 3%;
	width: 50%;
}

.only-me-capabilities b {
	color: #6edfc2;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .13em;
	margin-bottom: 8px;
}

.only-me-capabilities strong {
	color: #edf8f5;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 7px;
}

.only-me-capabilities span {
	color: #91a8b4;
	display: block;
	font-size: 11px;
	line-height: 1.85;
}

.only-me-caution {
	border-top: 1px solid rgba(99, 184, 171, .17);
	color: #8296a3;
	font-size: 11px;
	line-height: 1.9;
	margin: 0 4.5%;
	padding: 23px 0 32px;
	position: relative;
	z-index: 2;
}

.only-me-caution em {
	font-style: normal;
	white-space: nowrap;
}

.pro-smart-link {
	background:
		radial-gradient(circle at 13% 3%, rgba(39, 220, 238, .18), transparent 26%),
		radial-gradient(circle at 88% 18%, rgba(217, 70, 215, .18), transparent 28%),
		linear-gradient(145deg, rgba(11, 25, 65, .99), rgba(29, 11, 60, .99));
	box-shadow: 0 48px 120px rgba(0, 0, 0, .4), 0 0 75px rgba(74, 201, 235, .09);
	margin-top: 34px;
}

.pro-smart-link:after {
	background: radial-gradient(circle, rgba(112, 233, 246, .26) 0 1px, transparent 1.5px);
	background-size: 31px 31px;
	content: "";
	height: 240px;
	opacity: .18;
	pointer-events: none;
	position: absolute;
	right: -40px;
	top: -55px;
	transform: rotate(-8deg);
	width: 440px;
}

.smart-link-heading {
	padding: 62px 4.5% 46px;
	position: relative;
	z-index: 2;
}

.smart-link-title {
	float: left;
	width: 58%;
}

.smart-link-lead {
	border-left: 1px solid rgba(114, 220, 234, .22);
	float: right;
	margin-top: 22px;
	padding: 8px 0 8px 4.5%;
	width: 38%;
}

.smart-link-lead p {
	color: #bbc8e5;
	font-size: 13px;
	line-height: 2.1;
	margin: 0;
}

.smart-link-badge {
	background: rgba(63, 207, 225, .08);
	border: 1px solid rgba(93, 224, 237, .42);
	border-radius: 100px;
	color: #83e9ef;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	margin: 0 0 19px;
	padding: 6px 12px;
}

.smart-link-title h4 {
	font-family: "Shippori Mincho", serif;
	font-size: 45px;
	font-weight: 600;
	line-height: 1.52;
	margin: 0;
}

.smart-link-title h4 em {
	color: #79e8ef;
	font-style: normal;
}

.smart-link-media {
	background: #060c24;
	border: 1px solid rgba(111, 224, 237, .24);
	border-radius: 14px;
	box-shadow: 0 32px 85px rgba(0, 0, 0, .42);
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 95%;
}

.smart-link-media:after {
	background: linear-gradient(180deg, transparent 58%, rgba(4, 10, 32, .86) 100%);
	bottom: 0;
	content: "";
	height: 50%;
	left: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.smart-link-media img {
	display: block;
	height: auto;
	width: 100%;
}

.smart-link-photo-tags {
	bottom: 35px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 3;
}

.smart-link-photo-tags span {
	-webkit-backdrop-filter: blur(13px);
	backdrop-filter: blur(13px);
	background: rgba(8, 15, 47, .82);
	border-top: 1px solid rgba(112, 226, 240, .2);
	color: #bec9e1;
	float: left;
	font-size: 11px;
	min-height: 72px;
	padding: 15px 2.5%;
	width: 33.333%;
}

.smart-link-photo-tags span + span {
	border-left: 1px solid rgba(132, 151, 206, .2);
}

.smart-link-photo-tags b {
	color: #76e4ed;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .12em;
	margin-bottom: 4px;
}

.smart-link-media figcaption {
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	background: rgba(5, 10, 31, .92);
	bottom: 0;
	color: #7fe7ef;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	left: 0;
	letter-spacing: .14em;
	padding: 12px 18px;
	position: absolute;
	width: 100%;
	z-index: 4;
}

.smart-link-media figcaption span {
	color: #b7c1da;
	float: right;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: .03em;
}

.smart-link-content {
	padding: 55px 4.5% 64px;
	position: relative;
	z-index: 2;
}

.smart-link-copy {
	float: left;
	padding-right: 5%;
	width: 35%;
}

.smart-link-copy h5 {
	color: #fff;
	font-family: "Shippori Mincho", serif;
	font-size: 27px;
	font-weight: 600;
	line-height: 1.65;
	margin: 0 0 18px;
}

.smart-link-copy > p:not(.smart-link-note) {
	color: #b0bbd7;
	font-size: 11px;
	line-height: 2;
}

.smart-link-note {
	border-top: 1px solid rgba(117, 146, 207, .17);
	color: #7f8bad;
	font-size: 11px;
	line-height: 1.85;
	margin-top: 20px;
	padding-top: 17px;
}

.smart-link-capabilities {
	border-left: 1px solid rgba(122, 148, 210, .16);
	border-top: 1px solid rgba(122, 148, 210, .16);
	float: right;
	width: 65%;
}

.smart-link-capabilities li {
	border-bottom: 1px solid rgba(122, 148, 210, .16);
	border-right: 1px solid rgba(122, 148, 210, .16);
	float: left;
	min-height: 154px;
	padding: 20px 3%;
	width: 50%;
}

.smart-link-capabilities b {
	color: #e47bdc;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .14em;
	margin-bottom: 8px;
}

.smart-link-capabilities strong {
	color: #edf3ff;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 7px;
}

.smart-link-capabilities span {
	color: #8f9cbd;
	display: block;
	font-size: 11px;
	line-height: 1.85;
}

.edition-compare {
	border: 1px solid rgba(123, 144, 221, .28);
	border-radius: 14px;
	margin-top: 100px;
	overflow: hidden;
}

.edition-column {
	float: left;
	min-height: 1160px;
	padding: 52px 5%;
	width: 50%;
}

.edition-column.free {
	background: rgba(255, 255, 255, .025);
}

.edition-column.professional {
	background: linear-gradient(135deg, rgba(83, 74, 193, .37), rgba(174, 62, 165, .18));
	border-left: 1px solid rgba(135, 148, 222, .28);
}

.browser-bundle-offer {
	background:
		radial-gradient(circle at 7% 8%, rgba(76, 220, 235, .14), transparent 29%),
		radial-gradient(circle at 94% 92%, rgba(224, 84, 191, .18), transparent 33%),
		linear-gradient(135deg, rgba(29, 39, 104, .96), rgba(53, 23, 91, .96));
	border: 1px solid rgba(130, 222, 235, .42);
	border-radius: 14px;
	box-shadow: 0 34px 95px rgba(0, 0, 0, .33), inset 0 0 70px rgba(99, 133, 232, .08);
	margin-top: 36px;
	overflow: hidden;
	padding: 44px 5%;
	position: relative;
}

.browser-bundle-offer:before {
	background: linear-gradient(90deg, transparent, #78e8ee, #ec82db, transparent);
	content: "";
	height: 2px;
	left: 6%;
	position: absolute;
	top: 0;
	width: 88%;
}

.browser-bundle-copy {
	float: left;
	width: 62%;
}

.browser-bundle-copy > p:first-child {
	color: #7ce3eb;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .19em;
	margin: 0 0 14px;
}

.browser-bundle-copy h3 {
	font-family: "Shippori Mincho", serif;
	font-size: 31px;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 15px;
}

.browser-bundle-copy > p:not(:first-child) {
	color: #c1c9df;
	font-size: 13px;
	line-height: 2;
	margin: 0 0 7px;
}

.browser-bundle-copy > p strong {
	color: #f3a0e1;
}

.browser-bundle-copy > small {
	color: #9da7c5;
	font-size: 11px;
}

.browser-bundle-price {
	border-left: 1px solid rgba(136, 218, 231, .24);
	float: right;
	padding-left: 5%;
	width: 33%;
}

.browser-bundle-price span,
.browser-bundle-price b,
.browser-bundle-price strong,
.browser-bundle-price em {
	display: block;
}

.browser-bundle-price span {
	color: #abb4d0;
	font-size: 11px;
}

.browser-bundle-price span del {
	margin-left: 6px;
}

.browser-bundle-price b {
	color: #7ce3eb;
	font-family: "Montserrat", sans-serif;
	font-size: 10px;
	letter-spacing: .18em;
	margin-top: 8px;
}

.browser-bundle-price strong {
	font-family: "Montserrat", sans-serif;
	font-size: 50px;
	font-weight: 500;
	line-height: 1.2;
}

.browser-bundle-price em {
	color: #f19adf;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .09em;
	margin-bottom: 16px;
}

.browser-bundle-price a {
	background: linear-gradient(90deg, rgba(74, 207, 224, .18), rgba(211, 87, 194, .20));
	border: 1px solid rgba(126, 225, 235, .45);
	display: block;
	font-size: 11px;
	padding: 13px 34px 13px 14px;
	position: relative;
}

.browser-bundle-price a:hover,
.browser-bundle-price a:focus-visible {
	background: linear-gradient(90deg, rgba(74, 207, 224, .30), rgba(211, 87, 194, .32));
	border-color: #8cebf2;
	outline: none;
}

.browser-bundle-price a i {
	font-style: normal;
	position: absolute;
	right: 13px;
}

.edition-column > p {
	color: #7c86ae;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .2em;
	margin-bottom: 8px;
}

.edition-column h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 35px;
	margin-bottom: 10px;
}

.edition-column h3 small {
	color: #78e2ec;
	font-size: 16px;
	margin-left: 12px;
}

.edition-column .edition-summary {
	color: #99a6ca;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 12px;
	letter-spacing: .02em;
	line-height: 1.8;
	margin: 0 0 25px;
	min-height: 44px;
}

.edition-column li {
	border-top: 1px solid rgba(255, 255, 255, .09);
	color: #bbc3dd;
	min-height: 73px;
	padding: 13px 0 12px 23px;
	position: relative;
}

.edition-column li:before {
	color: #6de2ed;
	content: "✦";
	left: 0;
	position: absolute;
	top: 14px;
}

.edition-column li b {
	color: #78e2ec;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.45;
	margin-bottom: 4px;
}

.edition-column li span {
	color: #bbc3dd;
	display: block;
	font-size: 12px;
	line-height: 1.65;
}

.edition-column li em {
	font-style: normal;
	white-space: nowrap;
}

.pro-button {
	background: linear-gradient(120deg, #6656d7, #d24eb8);
	border-radius: 6px;
	box-shadow: 0 15px 38px rgba(75, 43, 155, .35);
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-top: 28px;
	padding: 15px 18px;
	position: relative;
	text-align: center;
}

.pro-button span {
	position: absolute;
	right: 18px;
}

/* VST */

.vst-section {
	background:
		radial-gradient(circle at 80% 12%, rgba(91, 94, 217, .1), transparent 28%),
		#f8f9fd;
	scroll-margin-top: 72px;
}

.vst-copy {
	float: left;
	padding-right: 5%;
	width: 48%;
}

.vst-copy h2 {
	font-size: 42px;
}

.vst-copy > p:not(.section-kicker) {
	color: #69728c;
	line-height: 2.1;
}

.keep-word {
	white-space: nowrap;
}

.vst-access-list {
	margin-top: 26px;
}

.vst-access-list li {
	background: rgba(255, 255, 255, .76);
	border: 1px solid #e0e4f0;
	border-radius: 8px;
	margin-top: 9px;
	padding: 12px 15px;
}

.vst-access-list b,
.vst-access-list span {
	display: block;
}

.vst-access-list b {
	color: #6858cf;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .11em;
	margin-bottom: 4px;
}

.vst-access-list span {
	color: #717a91;
	font-size: 11px;
	line-height: 1.7;
}

.vst-media {
	float: right;
	width: 52%;
}

.vst-main,
.vst-plugin {
	border: 1px solid #daddec;
	border-radius: 12px;
	box-shadow: 0 25px 65px rgba(42, 50, 98, .13);
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.vst-plugin {
	margin-top: 18px;
}

.vst-main img,
.vst-plugin img {
	display: block;
	width: 100%;
}

.vst-plugin figcaption {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	background: rgba(7, 14, 37, .78);
	bottom: 0;
	color: #bdeaf1;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	left: 0;
	letter-spacing: .18em;
	padding: 10px 15px;
	position: absolute;
	width: 100%;
}

.vst-cards {
	margin-top: 90px;
}

.vst-card {
	background: #fff;
	border: 1px solid #e0e3ee;
	border-radius: 12px;
	box-shadow: 0 18px 50px rgba(44, 52, 97, .07);
	float: left;
	min-height: 505px;
	overflow: hidden;
	padding: 22px 2.5% 35px;
	width: 23.5%;
}

.vst-card + .vst-card {
	margin-left: 2%;
}

.vst-visual {
	background: #0b1028;
	border: 1px solid #212a55;
	border-radius: 8px;
	height: 205px;
	margin: 0 0 28px;
	overflow: hidden;
	position: relative;
}

.vst-card > p:not(.vst-desc) {
	color: #7769d2;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .17em;
	margin-bottom: 7px;
}

.vst-card h3 {
	color: #171d3b;
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	margin-bottom: 15px;
}

.vst-desc {
	color: #707990;
	font-size: 12px;
	line-height: 2;
}

.voice-visual {
	background:
		radial-gradient(circle at 50% 50%, rgba(102, 97, 238, .28), transparent 43%),
		#0b1028;
	padding-top: 55px;
	text-align: center;
}

.voice-visual i {
	background: linear-gradient(180deg, #65e0ea, #8d61ea);
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(99, 223, 234, .45);
	display: inline-block;
	height: 58px;
	margin: 0 5px;
	position: relative;
	width: 58px;
}

.voice-visual i:after {
	background: #121937;
	border-radius: 50%;
	content: "";
	height: 43px;
	left: 7px;
	position: absolute;
	top: 7px;
	width: 43px;
}

.voice-visual span {
	bottom: 18px;
	color: #8ceaf1;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .18em;
	left: 0;
	position: absolute;
	width: 100%;
}

.eq-visual {
	background:
		linear-gradient(rgba(93, 123, 193, .13) 1px, transparent 1px),
		linear-gradient(90deg, rgba(93, 123, 193, .13) 1px, transparent 1px),
		#0b1028;
	background-size: 20px 20px;
}

.eq-visual:before {
	border-bottom: 2px solid #64dfea;
	border-radius: 50%;
	box-shadow: 0 8px 16px rgba(76, 218, 231, .34);
	content: "";
	height: 90px;
	left: -10%;
	position: absolute;
	top: 44px;
	transform: rotate(-8deg);
	width: 120%;
}

.eq-visual i {
	background: #cf63d9;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 15px #d25fda;
	height: 10px;
	position: absolute;
	width: 10px;
}

.eq-visual i:nth-child(1) { left: 18%; top: 120px; }
.eq-visual i:nth-child(2) { left: 40%; top: 93px; }
.eq-visual i:nth-child(3) { left: 63%; top: 80px; }
.eq-visual i:nth-child(4) { left: 82%; top: 64px; }

.compressor-visual {
	background: linear-gradient(145deg, #0a1029, #13173d);
}

.compressor-visual:before {
	background: linear-gradient(90deg, #5fe3eb 0%, #9864ea 68%, #e65dc4 100%);
	border-radius: 100px;
	box-shadow: 0 0 22px rgba(102, 221, 235, .35);
	content: "";
	height: 8px;
	left: 14%;
	position: absolute;
	top: 104px;
	width: 72%;
}

.compressor-visual span {
	color: #7884b1;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	left: 14%;
	letter-spacing: .14em;
	position: absolute;
	top: 78px;
}

.compressor-visual b,
.compressor-visual em {
	background: #111734;
	border: 3px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 19px #835fe3;
	height: 28px;
	position: absolute;
	top: 94px;
	width: 28px;
}

.compressor-visual b { left: 31%; }
.compressor-visual em { right: 25%; }

.reverb-visual {
	background: radial-gradient(ellipse at center, #252653, #0b1028 66%);
}

.reverb-visual i {
	border: 1px solid rgba(116, 223, 235, .42);
	border-radius: 50%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.reverb-visual i:nth-child(1) { height: 50px; width: 50px; }
.reverb-visual i:nth-child(2) { height: 105px; width: 105px; }
.reverb-visual i:nth-child(3) { height: 165px; width: 165px; }

.reverb-visual span {
	bottom: 17px;
	color: #9a8ddd;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .13em;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.vst-changer-feature {
	background:
		radial-gradient(circle at 80% 15%, rgba(72, 213, 231, .14), transparent 30%),
		linear-gradient(135deg, #08172c, #0b1028 58%, #18143c);
	border: 1px solid rgba(93, 199, 226, .3);
	border-radius: 16px;
	box-shadow: 0 28px 76px rgba(31, 40, 91, .2);
	color: #fff;
	margin-top: 34px;
	min-height: 510px;
	overflow: hidden;
	position: relative;
}

.vst-changer-feature figure {
	background: #061424;
	bottom: 0;
	float: none;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 60%;
}

.vst-changer-feature figure img {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

.vst-changer-feature figcaption {
	-webkit-backdrop-filter: blur(13px);
	backdrop-filter: blur(13px);
	background: rgba(4, 14, 29, .86);
	bottom: 0;
	color: #79e2ec;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	left: 0;
	letter-spacing: .14em;
	padding: 12px 17px;
	position: absolute;
	width: 100%;
}

.vst-changer-feature > div {
	float: right;
	padding: 48px 4% 38px;
	width: 40%;
}

.vst-changer-feature > div > p:first-child {
	color: #73e1eb;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
}

.vst-changer-feature h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	margin: 10px 0 14px;
}

.vst-changer-feature h4 {
	font-family: "Shippori Mincho", serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 17px;
}

.vst-changer-feature > div > p:not(:first-child):not(.vst-changer-message) {
	color: #aebad5;
	font-size: 11px;
	line-height: 2;
}

.vst-changer-feature > div > p b {
	color: #76dfe9;
	font-family: "Montserrat", sans-serif;
}

.vst-changer-feature li {
	border: 1px solid rgba(103, 209, 226, .25);
	border-radius: 100px;
	color: #c2cce2;
	display: inline-block;
	font-size: 11px;
	margin: 5px 3px 0 0;
	padding: 5px 9px;
}

.vst-changer-message {
	border-left: 2px solid #d05cc2;
	color: #e0d7ed;
	font-size: 11px;
	line-height: 1.9;
	margin-top: 22px;
	padding-left: 14px;
}

.vst-note {
	margin: 33px 0 0;
}

.vst-note p {
	background: #fff;
	border: 1px solid #e0e3ee;
	border-radius: 9px;
	color: #7b8298;
	float: left;
	font-size: 11px;
	line-height: 1.85;
	margin: 0;
	min-height: 84px;
	padding: 17px 2%;
	width: 49%;
}

.vst-note p + p {
	float: right;
}

.vst-note span {
	background: #ebe8ff;
	border-radius: 100px;
	color: #6755d1;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	margin-right: 10px;
	padding: 5px 10px;
}

.vst-note b {
	color: #252b48;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	margin-right: 6px;
}

/* final */

.final-cta {
	background:
		radial-gradient(circle at center, rgba(112, 94, 219, .15), transparent 34%),
		linear-gradient(180deg, #f4f5fd, #fff);
	min-height: 660px;
	padding: 165px 0 130px;
	text-align: center;
}

.final-cta h2 {
	font-size: 49px;
}

.final-cta .section-inner > p:not(.section-kicker) {
	color: #6d7690;
	margin-bottom: 42px;
}

.final-orbit {
	border: 1px solid rgba(103, 84, 212, .1);
	border-radius: 50%;
	height: 670px;
	left: 50%;
	margin-left: -335px;
	position: absolute;
	top: -15px;
	width: 670px;
}

.final-orbit:before,
.final-orbit:after {
	border: 1px solid rgba(103, 84, 212, .1);
	border-radius: 50%;
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.final-orbit:before {
	height: 490px;
	width: 490px;
}

.final-orbit:after {
	box-shadow: 0 0 65px rgba(105, 87, 220, .11);
	height: 300px;
	width: 300px;
}

/* footer */

footer {
	background: #f7f8fc;
	border-top: 1px solid #e6e8f0;
	padding: 60px 0 28px;
}

.footer-brand {
	float: left;
	margin: 0;
}

.footer-brand span {
	color: #cb4dca;
	font-size: 21px;
	margin-right: 9px;
}

.footer-brand strong,
.footer-brand small {
	display: inline-block;
	vertical-align: middle;
}

.footer-brand strong {
	color: #232947;
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

.footer-brand small {
	color: #969caf;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .17em;
	margin-left: 18px;
}

.footer-links {
	float: right;
	padding-top: 5px;
}

.footer-links a {
	color: #7d8499;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .12em;
	margin-left: 25px;
}

.copyright {
	color: #adb2c0;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .1em;
	margin: 52px 0 0;
	text-align: center;
}

@media screen and (max-width: 1300px) {
	.foundation-card {
		min-height: 470px;
	}
}

@media screen and (max-width: 1120px) {
	.section-inner,
	.header-inner,
	.hero-inner,
	.footer-inner {
		width: 91%;
	}

	.product-nav li {
		margin-left: 20px;
	}

	.hero {
		height: 100vh;
		min-height: 840px;
	}

	.hero .hero-inner {
		width: 100%;
	}

	.hero-copy {
		padding: 44px 4.5% 41px 5%;
		width: 53%;
	}

	.hero-copy h1 {
		font-size: 53px;
	}

	.foundation-card {
		min-height: 500px;
	}

	.pro-feature {
		min-height: 400px;
	}

	.stella2d-free-copy,
	.stella2d-free-media,
	.time-shield-media,
	.time-shield-copy,
	.stream-deck-media,
	.stream-deck-copy,
	.pro-vr-copy,
	.pro-sync-copy,
	.pro-sync-media,
	.vst-changer-feature figure,
	.vst-changer-feature > div {
		float: none;
		width: 100%;
	}

	.stella2d-free,
	.time-shield-feature,
	.stream-deck-feature,
	.pro-vr-feature,
	.pro-sync-feature,
	.vst-changer-feature {
		min-height: 0;
	}

	.stella2d-free-media,
	.time-shield-media,
	.stream-deck-media,
	.pro-sync-media,
	.vst-changer-feature figure {
		bottom: auto;
		height: 480px;
		left: auto;
		position: relative;
		right: auto;
		top: auto;
	}

	.stella2d-free-media img,
	.time-shield-media img,
	.stream-deck-media img,
	.pro-sync-media img,
	.vst-changer-feature figure img {
		height: 100%;
	}

	.stella2d-free-copy,
	.time-shield-copy,
	.stream-deck-copy,
	.pro-vr-copy,
	.pro-sync-copy,
	.vst-changer-feature > div {
		padding-left: 6%;
		padding-right: 6%;
	}

	.time-shield-media:after {
		background: linear-gradient(180deg, transparent 70%, rgba(9, 18, 43, .96));
	}

	.vst-card {
		min-height: 540px;
	}

	.streamer-overlay-copy h3 {
		font-size: 31px;
	}

	.platform-title,
	.platform-lead,
	.platform-youtube,
	.platform-beta-group {
		float: none;
		width: 100%;
	}

	.platform-lead {
		margin-top: 28px;
		max-width: 790px;
	}

	.platform-youtube {
		min-height: 570px;
	}

	.platform-beta-group {
		margin-top: 25px;
	}

	.platform-beta-card {
		float: left;
		min-height: 320px;
		width: 48.8%;
	}

	.platform-beta-card + .platform-beta-card {
		float: right;
		margin-top: 0;
	}

	.browser-bundle-copy,
	.browser-bundle-price {
		float: none;
		width: 100%;
	}

	.browser-bundle-price {
		border-left: 0;
		border-top: 1px solid rgba(136, 218, 231, .24);
		margin-top: 30px;
		padding: 27px 0 0;
	}

	.browser-bundle-price a {
		max-width: 400px;
	}
}

@media screen and (max-width: 950px) and (min-width: 821px) {
	.foundation-card {
		min-height: 530px;
	}
}

@media screen and (max-width: 880px) {
	.product-nav li:not(.nav-download) {
		display: none;
	}

	.product-nav .nav-download {
		margin-left: 0;
	}
}

@media screen and (max-width: 820px) {
	.section {
		padding: 110px 0;
	}

	.product-nav li:not(.nav-download) {
		display: none;
	}

	.product-nav .nav-download {
		margin-left: 0;
	}

	.hero {
		height: 1140px;
		min-height: 1205px;
		padding: 0;
	}

	.hero:before {
		background:
			linear-gradient(90deg, rgba(247, 249, 255, .5) 0%, rgba(247, 249, 255, .28) 67%, rgba(9, 12, 42, .12) 100%),
			linear-gradient(0deg, rgba(8, 10, 37, .75), transparent 22%, rgba(8, 10, 37, .18));
	}

	.hero .hero-inner {
		width: 100%;
	}

	.hero-copy {
		padding: 48px 6% 44px;
		top: 48%;
		width: 88%;
	}

	.hero-copy.reveal,
	.hero-copy.reveal.is-visible {
		transform: translate3d(0, -46%, 0);
	}

	.hero-copy h1 {
		font-size: 52px;
	}

	.hero-lead {
		font-size: 18px;
	}

	.hero-scroll {
		display: none;
	}

	.hero-tile figcaption {
		bottom: 11px;
		right: 10px;
	}

	.tile-home { height: 25%; left: -1%; top: -1%; width: 52%; }
	.tile-voice { height: 25%; left: 51%; top: -1%; width: 49%; }
	.tile-bgm { height: 25%; left: -1%; top: 24%; width: 42%; }
	.tile-avatar { height: 25%; left: 41%; top: 24%; width: 59%; }
	.tile-stage { height: 29%; left: -1%; top: 48%; width: 64%; }
	.tile-overlay { height: 29%; left: 63%; top: 48%; width: 37%; }
	.tile-collaboration { height: 25%; left: -1%; top: 76%; width: 42%; }
	.tile-smart { height: 25%; left: 41%; top: 76%; width: 34%; }
	.tile-settings { height: 25%; left: 75%; top: 76%; width: 25%; }

	.foundation-card,
	.foundation-card.featured {
		float: none;
		margin: 24px 0 0;
		min-height: 0;
		transform: none;
		width: 100%;
	}

	.privacy-strip p {
		float: none;
		padding: 8px 0;
		width: 100%;
	}

	.stage-title,
	.stage-lead {
		float: none;
		width: 100%;
	}

	.stage-lead {
		padding-top: 5px;
	}

	.philosophy-card {
		min-height: 330px;
		width: 45%;
	}

	.philosophy-sign {
		width: 10%;
	}

	.tool-image,
	.tool-copy,
	.tool-reverse .tool-image,
	.tool-reverse .tool-copy {
		float: none;
		width: 100%;
	}

	.tool-copy,
	.tool-reverse .tool-copy {
		padding: 42px 3% 0;
	}

	.avatar-link-copy,
	.avatar-link-sources {
		float: none;
		padding-right: 0;
		width: 100%;
	}

	.avatar-link-sources {
		margin-top: 42px;
	}

	.avatar-link-body {
		padding-left: 6%;
		padding-right: 6%;
	}

	.avatar-link-copy h3 {
		font-size: 34px;
	}

	.avatar-link-sources li {
		min-height: 135px;
		width: 50%;
	}

	.avatar-link-visual figcaption b,
	.avatar-link-visual figcaption span {
		display: block;
		float: none;
	}

	.avatar-link-visual figcaption span {
		margin-top: 5px;
	}

	.compact-card {
		min-height: 370px;
		padding-left: 3%;
		padding-right: 3%;
	}

	.paired-feature {
		min-height: 1190px;
	}

	.paired-feature-media {
		height: 310px;
	}

	.paired-feature-body {
		padding: 34px 6% 36px;
	}

	.paired-feature h3 {
		font-size: 27px;
	}

	.paired-bgm-pack {
		bottom: 52px;
		height: 47%;
		width: 57%;
	}

	.manager-music-link {
		padding-left: 6%;
		padding-right: 6%;
	}

	.manager-music-link strong {
		font-size: 14px;
	}

	.streamer-overlay-body {
		padding-left: 6%;
		padding-right: 6%;
	}

	.streamer-overlay-copy,
	.streamer-overlay-specs {
		float: none;
		padding-right: 0;
		width: 100%;
	}

	.streamer-overlay-specs {
		margin-top: 42px;
	}

	.streamer-overlay-specs li {
		min-height: 78px;
	}

	.streamer-overlay-visual figcaption {
		bottom: 17px;
	}

	.platform-section {
		padding-bottom: 105px;
		padding-top: 105px;
	}

	.platform-title h2 {
		font-size: 43px;
	}

	.platform-youtube {
		min-height: 585px;
		padding-left: 6%;
		padding-right: 6%;
	}

	.platform-main-copy {
		margin-top: 75px;
	}

	.platform-beta-card,
	.platform-beta-card + .platform-beta-card {
		float: none;
		margin-top: 22px;
		min-height: 0;
		padding-left: 5%;
		padding-right: 5%;
		width: 100%;
	}

	.platform-beta-group .platform-beta-card:first-child {
		margin-top: 0;
	}

	.platform-beta-notice {
		padding-left: 4%;
		padding-right: 4%;
	}

	.platform-beta-notice strong,
	.platform-beta-notice span {
		float: none;
		width: 100%;
	}

	.platform-beta-notice span {
		margin-top: 7px;
	}

	.cta-copy,
	.cta-action {
		float: none;
		text-align: left;
		width: 100%;
	}

	.cta-action {
		padding-top: 35px;
	}

	.pro-title,
	.pro-price {
		float: none;
		text-align: left;
		width: 100%;
	}

	.pro-price {
		padding-top: 18px;
	}

	.pro-feature {
		border-left: 1px solid rgba(128, 149, 219, .18);
		min-height: 310px;
		width: 50%;
	}

	.pro-feature:nth-child(odd) {
		border-left: 0;
	}

	.pro-feature:nth-child(n+3) {
		border-top: 1px solid rgba(128, 149, 219, .18);
		padding-top: 38px;
	}

	.edition-column {
		min-height: 1225px;
		padding-left: 4%;
		padding-right: 4%;
	}

	.pro-update-heading h3 {
		font-size: 38px;
	}

	.pro-sync-copy h4 {
		font-size: 34px;
	}

	.pro-vr-title,
	.pro-vr-lead,
	.pro-vr-manifesto,
	.pro-vr-capabilities,
	.only-me-title,
	.only-me-lead,
	.only-me-copy,
	.only-me-capabilities,
	.smart-link-title,
	.smart-link-lead,
	.smart-link-copy,
	.smart-link-capabilities {
		float: none;
		width: 100%;
	}

	.pro-vr-lead,
	.only-me-lead,
	.smart-link-lead {
		border-left: 0;
		border-top: 1px solid rgba(113, 206, 228, .21);
		margin-top: 34px;
		padding: 25px 0 0;
	}

	.pro-vr-title h4,
	.only-me-title h4,
	.smart-link-title h4 {
		font-size: 38px;
	}

	.pro-vr-content,
	.only-me-content,
	.smart-link-content {
		padding-left: 6%;
		padding-right: 6%;
	}

	.pro-vr-manifesto,
	.only-me-copy,
	.smart-link-copy {
		padding-right: 0;
	}

	.pro-vr-capabilities,
	.only-me-capabilities,
	.smart-link-capabilities {
		margin-top: 38px;
	}

	.only-me-media figcaption span,
	.smart-link-media figcaption span {
		display: none;
	}

	.stella2d-free-copy h3 {
		font-size: 38px;
	}

	.stream-deck-copy h3 {
		font-size: 38px;
	}

	.time-shield-copy h3 {
		font-size: 32px;
	}

	.time-shield-media {
		height: 390px;
	}

	.vst-changer-feature h4 {
		font-size: 30px;
	}

	.vst-copy,
	.vst-media {
		float: none;
		width: 100%;
	}

	.vst-media {
		margin-top: 42px;
	}

	.vst-card {
		margin-bottom: 22px;
		min-height: 455px;
		width: 49%;
	}

	.vst-card + .vst-card {
		margin-left: 2%;
	}

	.vst-card:nth-child(odd) {
		clear: left;
		margin-left: 0;
	}

	.footer-brand,
	.footer-links {
		float: none;
		text-align: center;
	}

	.footer-links {
		margin-top: 30px;
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}

	.hero:after,
	.hero-tile img {
		animation: none !important;
	}

	.reveal {
		opacity: 1;
		transform: none;
	}

	.time-shield-media:before {
		animation: none;
		opacity: .25;
	}
}