@charset "utf-8";

/* -----------------------------------------------------------------------------------------------------------------
	Stella2D Editor
----------------------------------------------------------------------------------------------------------------- */

html {
	background: #02030c;
	scroll-behavior: smooth;
}

body {
	background:
		radial-gradient(circle at 82% 6%, rgba(86, 96, 255, .24), transparent 25%),
		linear-gradient(180deg, #08103b 0%, #060b2b 30%, #030619 66%, #02030c 100%);
	color: #f7f8ff;
	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 {
	color: inherit;
	font: inherit;
}

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

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

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

.clearfix:after,
.header-inner:after,
.hero-inner:after,
.section-inner:after,
.fit-columns:after,
.workflow:after,
.feature-stage:after,
.feature-list:after,
.tech-intro:after,
.footer-inner:after {
	clear: both;
	content: "";
	display: block;
}

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

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

#product-stars {
	height: 100%;
	left: 0;
	opacity: .72;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}

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

.reading-progress span {
	background: linear-gradient(90deg, #58d5ff, #d761ff, #fff);
	box-shadow: 0 0 14px rgba(125, 220, 255, .9);
	display: block;
	height: 100%;
	width: 0;
}

main,
footer,
#product-header {
	position: relative;
	z-index: 5;
}

.section {
	overflow: hidden;
	padding: 150px 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: #77cfff;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .28em;
	margin-bottom: 23px;
}

.section-heading {
	margin-bottom: 76px;
	max-width: 880px;
}

.section-heading h2,
.mini-heading h2,
.tech-copy h2,
.cta-copy h2,
.final-cta h2,
.ai-notice h2 {
	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,
.tech-copy > p:last-child {
	color: #b8c5e6;
	font-size: 17px;
	line-height: 2.15;
}

.reveal {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity .9s ease, transform .9s 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, padding .35s, box-shadow .35s;
	width: 100%;
	z-index: 100;
}

#product-header.is-fixed {
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
	background: rgba(3, 6, 23, .82);
	box-shadow: 0 10px 35px rgba(0, 0, 0, .18);
	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: #ff63c5;
	display: inline-block;
	font-size: 20px;
	margin-right: 9px;
	text-shadow: 0 0 18px #ff63c5;
	vertical-align: middle;
}

.brand strong {
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	font-style: italic;
	letter-spacing: .02em;
}

.brand small {
	border-left: 1px solid rgba(255, 255, 255, .24);
	color: #9ba9ce;
	font-family: "Montserrat", sans-serif;
	font-size: 9px;
	letter-spacing: .22em;
	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: #b7c2e2;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .16em;
	transition: color .25s;
}

.product-nav a:hover {
	color: #fff;
}

.product-nav .nav-download a {
	background: linear-gradient(120deg, #594fe2, #b84fd2);
	border: 1px solid rgba(255, 255, 255, .26);
	border-radius: 100px;
	box-shadow: 0 8px 24px rgba(96, 55, 204, .3);
	color: #fff;
	display: block;
	padding: 12px 20px;
}

/* hero */

.hero {
	background:
		linear-gradient(90deg, rgba(4, 8, 28, .98) 0%, rgba(4, 8, 28, .85) 42%, rgba(4, 8, 28, .15) 100%),
		radial-gradient(circle at 77% 36%, rgba(107, 78, 255, .28), transparent 36%);
	min-height: 940px;
	overflow: hidden;
	padding: 162px 0 100px;
	position: relative;
}

.hero:before {
	background-image:
		linear-gradient(rgba(125, 171, 255, .04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(125, 171, 255, .04) 1px, transparent 1px);
	background-size: 66px 66px;
	content: "";
	height: 100%;
	left: 0;
	mask-image: linear-gradient(90deg, black, transparent 70%);
	position: absolute;
	top: 0;
	width: 65%;
}

.hero-glow {
	background: #6887ff;
	border-radius: 50%;
	filter: blur(130px);
	height: 420px;
	opacity: .17;
	position: absolute;
	right: -40px;
	top: 140px;
	width: 420px;
}

.hero-copy {
	float: left;
	padding: 92px 3% 0 0;
	position: relative;
	width: 43%;
	z-index: 6;
}

.hero-copy h1 {
	font-family: "Shippori Mincho", serif;
	font-size: clamp(48px, 5vw, 78px);
	font-weight: 600;
	letter-spacing: .03em;
	line-height: 1.3;
	margin-bottom: 30px;
}

.hero-copy h1 em {
	color: #fff;
	font-style: normal;
	position: relative;
	text-shadow: 0 0 34px rgba(102, 206, 255, .55);
}

.hero-copy h1 em:after {
	background: linear-gradient(90deg, #58d8ff, #cf68ff, transparent);
	bottom: -9px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 92%;
}

.hero-lead {
	color: #c6d0ec;
	font-size: 17px;
	line-height: 2;
	margin-bottom: 28px;
}

.hero-badges {
	margin-bottom: 34px;
}

.hero-badges span {
	background: rgba(74, 100, 187, .18);
	border: 1px solid rgba(126, 194, 255, .35);
	border-radius: 100px;
	color: #cff1ff;
	display: inline-block;
	font-size: 11px;
	letter-spacing: .1em;
	margin: 0 7px 7px 0;
	padding: 6px 14px;
	vertical-align: middle;
}

.primary-button {
	background: linear-gradient(125deg, #477fdc, #8b4fdb 55%, #d553bd);
	border: 1px solid rgba(255, 255, 255, .38);
	border-radius: 7px;
	box-shadow: 0 18px 54px rgba(74, 76, 219, .34), inset 0 1px rgba(255, 255, 255, .22);
	display: inline-block;
	min-width: 355px;
	padding: 17px 62px 17px 24px;
	position: relative;
	transition: box-shadow .3s, transform .3s;
}

.primary-button:hover {
	box-shadow: 0 22px 70px rgba(87, 92, 235, .5), inset 0 1px rgba(255, 255, 255, .32);
	transform: translateY(-4px);
}

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

.primary-button small {
	color: #d8ddff;
	font-family: "Montserrat", sans-serif;
	font-size: 9px;
	letter-spacing: .16em;
	margin-bottom: 2px;
}

.primary-button strong {
	font-size: 16px;
	letter-spacing: .04em;
}

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

.text-link {
	border-bottom: 1px solid rgba(255, 255, 255, .32);
	color: #bdc8e7;
	display: inline-block;
	font-size: 12px;
	letter-spacing: .08em;
	margin: 26px 0 0 24px;
	padding-bottom: 3px;
}

.hero-visual {
	float: right;
	padding-top: 35px;
	position: relative;
	width: 57%;
}

.app-window {
	background: #080d27;
	border: 1px solid rgba(142, 183, 255, .38);
	border-radius: 14px;
	box-shadow: 0 50px 110px rgba(0, 0, 0, .55), 0 0 85px rgba(79, 91, 236, .2);
	margin: 0;
	overflow: hidden;
	position: relative;
	transform: perspective(1700px) rotateY(-5deg) rotateX(2deg);
	z-index: 3;
}

.app-window:after {
	background: linear-gradient(110deg, rgba(255, 255, 255, .09), transparent 26%);
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.app-window img {
	display: block;
	max-width: none;
	transform: scale(1.035);
	transition: transform .15s linear;
	width: 100%;
}

.visual-orbit {
	border: 1px solid rgba(107, 207, 255, .18);
	border-radius: 50%;
	height: 700px;
	position: absolute;
	right: -170px;
	top: -110px;
	width: 700px;
}

.visual-orbit:before {
	background: #75e6ff;
	border-radius: 50%;
	box-shadow: 0 0 20px #75e6ff;
	content: "";
	height: 7px;
	left: 87px;
	position: absolute;
	top: 100px;
	width: 7px;
}

.orbit-two {
	height: 535px;
	right: -70px;
	top: -15px;
	width: 535px;
}

.orbit-two:before {
	background: #fa76de;
	box-shadow: 0 0 20px #fa76de;
	left: auto;
	right: 50px;
	top: 365px;
}

.visual-note {
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background: rgba(7, 13, 42, .78);
	border: 1px solid rgba(121, 202, 255, .34);
	bottom: -55px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, .28);
	color: #c9d5f1;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	letter-spacing: .12em;
	margin: 0;
	padding: 16px 22px;
	position: absolute;
	right: 3%;
	z-index: 4;
}

.visual-note span {
	color: #62d6ff;
	font-size: 24px;
	margin-right: 12px;
}

.visual-note small {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 10px;
	letter-spacing: .06em;
}

.hero-scroll {
	bottom: 32px;
	color: #7180aa;
	font-family: "Montserrat", sans-serif;
	font-size: 9px;
	letter-spacing: .2em;
	left: 6%;
	position: absolute;
}

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

/* concept */

.concept-section {
	background:
		radial-gradient(circle at 15% 55%, rgba(60, 95, 193, .16), transparent 30%),
		linear-gradient(180deg, rgba(7, 14, 48, .86), rgba(4, 8, 28, .96));
}

.fit-card {
	border-radius: 12px;
	float: left;
	min-height: 415px;
	padding: 52px 4%;
	position: relative;
	width: 48%;
}

.fit-card + .fit-card {
	margin-left: 4%;
}

.fit-stella {
	background: linear-gradient(145deg, rgba(52, 83, 173, .46), rgba(93, 57, 151, .28));
	border: 1px solid rgba(112, 198, 255, .42);
	box-shadow: 0 30px 80px rgba(14, 31, 91, .26);
}

.fit-cubism {
	background: rgba(14, 19, 44, .56);
	border: 1px solid rgba(170, 182, 218, .18);
}

.card-number {
	color: #70d0ff;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .2em;
	margin-bottom: 20px;
}

.fit-card h3 {
	font-family: "Shippori Mincho", serif;
	font-size: 29px;
	font-weight: 600;
	margin-bottom: 20px;
}

.fit-card > p:not(.card-number) {
	color: #bdc8e3;
}

.fit-card li {
	border-top: 1px solid rgba(255, 255, 255, .11);
	color: #dce4fb;
	font-size: 14px;
	padding: 10px 0 10px 23px;
	position: relative;
}

.fit-card li:before {
	color: #68ddff;
	content: "✦";
	left: 0;
	position: absolute;
	top: 10px;
}

.respect-note {
	background: rgba(255, 255, 255, .035);
	border-left: 2px solid #7686c0;
	font-size: 13px;
	margin-top: 30px;
	padding: 17px 20px;
}

/* workflow */

.workflow-section {
	background: #04071c;
	padding: 105px 0;
}

.mini-heading {
	margin-bottom: 55px;
	text-align: center;
}

.mini-heading h2 {
	font-size: 38px;
}

.workflow {
	border-bottom: 1px solid rgba(117, 181, 255, .24);
	position: relative;
}

.workflow li {
	float: left;
	min-height: 165px;
	padding: 0 2% 30px;
	position: relative;
	text-align: center;
	width: 16.666%;
}

.workflow li:after {
	background: #6fdcff;
	border: 5px solid #07122f;
	border-radius: 50%;
	bottom: -7px;
	box-shadow: 0 0 22px #6fdcff;
	content: "";
	height: 13px;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	width: 13px;
}

.workflow b,
.workflow span,
.workflow small {
	display: block;
}

.workflow b {
	color: rgba(125, 205, 255, .34);
	font-family: "Montserrat", sans-serif;
	font-size: 38px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 16px;
}

.workflow span {
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .09em;
	margin-bottom: 6px;
}

.workflow small {
	color: #96a4c8;
	font-size: 11px;
}

/* features */

.features-section {
	background:
		radial-gradient(circle at 80% 45%, rgba(125, 61, 187, .16), transparent 30%),
		#030618;
}

.feature-image {
	float: left;
	position: sticky;
	top: 115px;
	width: 47%;
}

.feature-image figure {
	border: 1px solid rgba(115, 180, 255, .28);
	border-radius: 12px;
	box-shadow: 0 35px 80px rgba(0, 0, 0, .38);
	margin-bottom: 16px;
	overflow: hidden;
}

.feature-image img {
	max-width: none;
	transform: scale(1.035);
	width: 100%;
}

.image-caption {
	color: #8f9cbd;
	font-size: 11px;
	letter-spacing: .05em;
}

.image-caption span {
	color: #6dd7ff;
	font-family: "Montserrat", sans-serif;
	letter-spacing: .14em;
	margin-right: 12px;
}

.feature-list {
	float: right;
	width: 49%;
}

.feature-card {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	float: left;
	min-height: 250px;
	padding: 3px 3% 28px;
	width: 50%;
}

.feature-card:nth-child(odd) {
	clear: left;
	padding-left: 0;
}

.feature-card b {
	color: rgba(109, 215, 255, .38);
	font-family: "Montserrat", sans-serif;
	font-size: 28px;
	font-weight: 400;
}

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

.feature-card p {
	color: #aab6d5;
	font-size: 13px;
	line-height: 2;
}

/* mid CTA */

.mid-cta {
	background:
		linear-gradient(100deg, rgba(39, 81, 170, .58), rgba(82, 47, 151, .5)),
		#09123b;
	border-bottom: 1px solid rgba(121, 203, 255, .26);
	border-top: 1px solid rgba(121, 203, 255, .26);
	padding: 105px 0;
}

.mid-cta:before {
	color: rgba(255, 255, 255, .025);
	content: "FREE";
	font-family: "Montserrat", sans-serif;
	font-size: 300px;
	font-weight: 700;
	line-height: .7;
	position: absolute;
	right: -30px;
	top: 30px;
}

.cta-copy {
	float: left;
	width: 58%;
}

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

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

.cta-action {
	float: right;
	padding-top: 45px;
	text-align: right;
	width: 38%;
}

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

/* technology */

.technology-section {
	background:
		linear-gradient(180deg, #030617, #02040f),
		#02040f;
}

.tech-copy {
	float: left;
	padding: 45px 5% 0 0;
	width: 45%;
}

.tech-image {
	border: 1px solid rgba(126, 176, 255, .24);
	border-radius: 12px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .34);
	float: right;
	margin: 0;
	overflow: hidden;
	width: 55%;
}

.detail-list {
	margin-top: 100px;
}

.detail-item {
	border-top: 1px solid rgba(145, 178, 227, .17);
}

.detail-item:last-child {
	border-bottom: 1px solid rgba(145, 178, 227, .17);
}

.detail-toggle {
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 30px 55px 30px 0;
	position: relative;
	text-align: left;
	width: 100%;
}

.detail-toggle span {
	color: #68d7ff;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	letter-spacing: .14em;
	margin-right: 40px;
	vertical-align: middle;
}

.detail-toggle strong {
	display: inline-block;
	font-family: "Shippori Mincho", serif;
	font-size: 23px;
	font-weight: 500;
	vertical-align: middle;
}

.detail-toggle b {
	color: #8ccfff;
	font-size: 27px;
	font-weight: 300;
	position: absolute;
	right: 12px;
	top: 27px;
	transition: transform .25s;
}

.detail-item.is-open .detail-toggle b {
	transform: rotate(45deg);
}

.detail-body {
	display: none;
	padding: 0 8% 32px 75px;
}

.detail-body p {
	color: #aebad6;
	font-size: 14px;
	line-height: 2.15;
}

/* AI notice */

.ai-notice {
	background:
		linear-gradient(110deg, rgba(112, 42, 92, .34), rgba(25, 35, 91, .34)),
		#080714;
	border-bottom: 1px solid rgba(255, 119, 185, .25);
	border-top: 1px solid rgba(255, 119, 185, .25);
}

.notice-mark {
	border: 1px solid rgba(255, 111, 191, .35);
	border-radius: 50%;
	color: rgba(255, 129, 199, .85);
	float: left;
	font-family: "Montserrat", sans-serif;
	font-size: 58px;
	height: 160px;
	letter-spacing: -.08em;
	line-height: 158px;
	margin-top: 16px;
	text-align: center;
	text-shadow: 0 0 30px rgba(255, 81, 181, .55);
	width: 160px;
}

.notice-copy {
	float: right;
	width: calc(100% - 220px);
}

.ai-notice h2 {
	font-size: 40px;
	margin-bottom: 11px;
}

.notice-lead {
	color: #e4b8d2;
}

.notice-copy ul {
	margin-top: 38px;
}

.notice-copy li {
	background: rgba(255, 255, 255, .035);
	border-left: 2px solid #eb67b3;
	color: #c8bed0;
	margin-top: 12px;
	padding: 16px 23px;
}

.notice-copy strong {
	color: #fff;
}

/* final */

.final-cta {
	background:
		radial-gradient(circle at center, rgba(63, 104, 232, .28), transparent 38%),
		#01030c;
	min-height: 650px;
	padding: 165px 0 130px;
	text-align: center;
}

.final-cta h2 {
	font-size: 40px;
	letter-spacing: .035em;
	line-height: 1.5;
	margin-bottom: 22px;
	white-space: nowrap;
}

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

.final-rings {
	border: 1px solid rgba(111, 202, 255, .14);
	border-radius: 50%;
	height: 720px;
	left: 50%;
	margin-left: -360px;
	position: absolute;
	top: -60px;
	width: 720px;
}

.final-rings:before,
.final-rings:after {
	border: 1px solid rgba(151, 98, 255, .13);
	border-radius: 50%;
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.final-rings:before {
	height: 520px;
	width: 520px;
}

.final-rings:after {
	box-shadow: 0 0 70px rgba(83, 144, 255, .2);
	height: 320px;
	width: 320px;
}

/* footer */

footer {
	background: #010208;
	border-top: 1px solid rgba(255, 255, 255, .07);
	padding: 60px 0 28px;
}

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

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

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

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

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

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

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

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

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

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

	.hero {
		min-height: 850px;
	}

	.hero-copy {
		padding-top: 60px;
		width: 44%;
	}

	.hero-visual {
		width: 56%;
	}

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

	.feature-card {
		min-height: 285px;
	}
}

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

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

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

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

	.hero {
		min-height: 1210px;
		padding-top: 128px;
	}

	.hero-copy,
	.hero-visual {
		float: none;
		width: 100%;
	}

	.hero-copy {
		padding: 36px 5% 0;
	}

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

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

	.hero-visual {
		margin-top: 70px;
	}

	.app-window {
		transform: none;
	}

	.visual-note {
		bottom: -50px;
	}

	.hero-scroll {
		display: none;
	}

	.fit-card {
		float: none;
		min-height: 0;
		width: 100%;
	}

	.fit-card + .fit-card {
		margin: 28px 0 0;
	}

	.workflow li {
		min-height: 150px;
		width: 33.333%;
	}

	.workflow li:nth-child(-n+3) {
		border-bottom: 1px solid rgba(117, 181, 255, .24);
		margin-bottom: 40px;
	}

	.workflow li:after {
		display: none;
	}

	.feature-image,
	.feature-list {
		float: none;
		width: 100%;
	}

	.feature-image {
		margin-bottom: 70px;
		position: relative;
		top: auto;
	}

	.feature-card {
		min-height: 220px;
		padding-right: 5%;
	}

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

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

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

	.tech-copy {
		padding: 0;
	}

	.tech-image {
		margin-top: 48px;
	}

	.notice-mark {
		float: none;
		height: 110px;
		line-height: 108px;
		margin-bottom: 38px;
		width: 110px;
	}

	.notice-copy {
		float: none;
		width: 100%;
	}

	.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;
	}

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