:root {
	--primary: #0C86FC;
	--primary-dark: #0067D6;
	--primary-soft: #E6F2FF;
	--coral: #FF6B5F;
	--mint: #18C79C;
	--gold: #F9C846;
	--ink: #0B1220;
	--muted: #667085;
	--surface: #F2F7FF;
	--card: #FFFFFF;
	--divider: #DDEBFF;
	--faint: #CFE4FF;
	--green: #22C55E;
	--yellow: #FFE8A3;
	--shadow: 0 26px 80px rgba(12, 134, 252, 0.18);
	--soft-shadow: 0 18px 55px rgba(11, 18, 32, 0.10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background:
		radial-gradient(circle at 18% 2%, rgba(12, 134, 252, 0.16), transparent 34rem),
		radial-gradient(circle at 86% 10%, rgba(255, 107, 95, 0.15), transparent 24rem),
		radial-gradient(circle at 78% 38%, rgba(24, 199, 156, 0.14), transparent 25rem),
		linear-gradient(180deg, #FFFFFF 0%, #F7FBFF 42%, #FFFFFF 100%);
	color: var(--ink);
}

a { color: inherit; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }

.site-header {
	align-items: center;
	backdrop-filter: blur(18px);
	background: rgba(255, 255, 255, 0.78);
	border-bottom: 1px solid rgba(221, 235, 255, 0.82);
	display: flex;
	justify-content: space-between;
	left: 0;
	padding: 14px clamp(18px, 4vw, 56px);
	position: sticky;
	top: 0;
	z-index: 20;
}
.scroll-progress { background: linear-gradient(90deg, var(--primary), var(--mint), var(--coral)); bottom: -1px; height: 2px; left: 0; position: absolute; transform: scaleX(var(--scroll-progress, 0)); transform-origin: left center; width: 100%; }

.brand { align-items: center; display: inline-flex; font-weight: 900; gap: 11px; letter-spacing: -0.035em; text-decoration: none; }
.brand img { border-radius: 14px; box-shadow: 0 10px 26px rgba(12, 134, 252, 0.20); }
.site-header nav, .site-footer nav { align-items: center; display: flex; gap: clamp(14px, 2.8vw, 30px); }
.site-header nav a, .site-footer nav a { color: var(--muted); font-size: 0.94rem; font-weight: 800; text-decoration: none; }
.site-header nav a:hover, .site-footer nav a:hover { color: var(--primary); }
.nav-pill { background: var(--primary-soft); border-radius: 999px; color: var(--primary) !important; padding: 10px 15px; }

.section-shell { margin: 0 auto; max-width: 1200px; padding: clamp(64px, 9vw, 118px) clamp(20px, 5vw, 56px); }
.hero { align-items: center; display: grid; gap: clamp(38px, 7vw, 92px); grid-template-columns: minmax(0, 0.95fr) minmax(330px, 0.88fr); min-height: calc(100vh - 72px); padding-top: clamp(42px, 6vw, 86px); }
.eyebrow { color: var(--primary); font-size: 0.78rem; font-weight: 950; letter-spacing: 0.15em; margin: 0 0 14px; text-transform: uppercase; }
h1 { font-size: clamp(3.35rem, 8.6vw, 7.5rem); letter-spacing: -0.088em; line-height: 0.9; margin-bottom: 24px; max-width: 860px; }
h2 { font-size: clamp(2.15rem, 5vw, 5rem); letter-spacing: -0.075em; line-height: 0.96; margin-bottom: 18px; }
h3 { font-size: 1.22rem; letter-spacing: -0.035em; margin-bottom: 8px; }
.hero-lede, .section-heading p, .proof-copy p, .early-access p { color: var(--muted); font-size: clamp(1.08rem, 2vw, 1.35rem); line-height: 1.65; max-width: 690px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.primary-action, .secondary-action { border-radius: 999px; display: inline-flex; font-weight: 950; padding: 16px 22px; text-decoration: none; transition: box-shadow 180ms ease, transform 180ms ease; }
.primary-action { background: var(--primary); box-shadow: 0 16px 38px rgba(12, 134, 252, 0.28); color: #fff; }
.secondary-action { background: #fff; border: 1px solid var(--divider); color: var(--primary-dark); }
.primary-action:hover, .secondary-action:hover { transform: translateY(-2px); }
.primary-action:hover { box-shadow: 0 20px 46px rgba(12, 134, 252, 0.34); }
.trust-row { color: var(--muted); display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.trust-row span { background: rgba(255,255,255,0.78); border: 1px solid var(--divider); border-radius: 999px; font-size: 0.9rem; font-weight: 800; padding: 9px 12px; }

.hero-stage { min-height: 660px; position: relative; }
.halo { border-radius: 999px; filter: blur(2px); position: absolute; }
.halo-one { background: rgba(12, 134, 252, 0.16); height: 410px; right: 22px; top: 52px; width: 410px; }
.halo-two { background: rgba(24, 199, 156, 0.20); bottom: 44px; height: 260px; left: 6px; width: 260px; }
.phone { background: #0B1220; border: 12px solid #0B1220; border-radius: 48px; box-shadow: var(--shadow); margin: 0 auto; max-width: 326px; overflow: hidden; padding: 8px; position: relative; }
.phone::before { background: #0B1220; border-radius: 0 0 17px 17px; content: ""; height: 24px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 108px; z-index: 2; }
.phone img { border-radius: 32px; height: 632px; object-fit: cover; object-position: top center; width: 100%; }
.hero-phone { transform: translate3d(var(--hero-tilt-x, 0px), calc(var(--hero-scroll-y, 0px) + var(--hero-tilt-y, 0px)), 0) rotate(calc(2deg + var(--hero-tilt-r, 0deg))); transition: transform 220ms cubic-bezier(.2,.8,.2,1); }
.glass-card { background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(221, 235, 255, 0.95); box-shadow: var(--soft-shadow); position: absolute; }
.availability-card { border-radius: 28px; bottom: 76px; left: 0; max-width: 292px; padding: 18px; }
.availability-card strong, .availability-card span, .idea-card strong, .idea-card small { display: block; }
.availability-card span, .idea-card small { color: var(--muted); line-height: 1.45; margin-top: 5px; }
.avatar-stack { display: flex; margin-bottom: 13px; }
.avatar-stack img { border: 3px solid #fff; border-radius: 999px; height: 42px; margin-right: -10px; object-fit: cover; width: 42px; }
.idea-card { align-items: center; border-radius: 22px; display: flex; gap: 12px; padding: 14px 16px; right: 0; top: 92px; width: 230px; }
.dot { background: var(--green); border-radius: 999px; box-shadow: 0 0 0 8px rgba(34, 197, 94, 0.14); height: 12px; width: 12px; }
.orbit-card { border-radius: 20px; padding: 14px 16px; width: 190px; }
.orbit-card strong, .orbit-card span { display: block; }
.orbit-card span { color: var(--muted); font-size: 0.86rem; line-height: 1.42; margin-top: 4px; }
.orbit-one { right: 26px; bottom: 166px; }
.orbit-two { left: 26px; top: 126px; }

.metrics-strip { border-block: 1px solid var(--divider); display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); margin: 0 auto; max-width: 1200px; padding: 0 clamp(20px, 5vw, 56px); }
.metrics-strip div { padding: 28px 18px; }
.metrics-strip strong, .metrics-strip span { display: block; }
.metrics-strip strong { letter-spacing: -0.025em; }
.metrics-strip span { color: var(--muted); margin-top: 5px; }

.section-heading { margin: 0 auto 48px; max-width: 830px; text-align: center; }
.left-heading { margin-left: 0; text-align: left; }
.learn-section { padding-top: clamp(78px, 10vw, 132px); }
.story-layout { align-items: start; display: grid; gap: clamp(34px, 6vw, 86px); grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1fr); }
.story-visual { min-height: 740px; position: sticky; top: 108px; }
.story-phone { max-width: 300px; }
.story-phone img { height: 582px; }
.story-bubble { border-radius: 22px; padding: 15px 16px; width: 224px; }
.story-bubble strong, .story-bubble span { display: block; }
.story-bubble span { color: var(--muted); font-size: 0.9rem; line-height: 1.45; margin-top: 4px; }
.bubble-a { right: 0; top: 104px; }
.bubble-b { bottom: 126px; left: 0; }
.story-steps { display: grid; gap: 22px; padding-top: 26px; }
.story-step { background: rgba(255, 255, 255, 0.78); border: 1px solid rgba(221, 235, 255, 0.92); border-radius: 30px; box-shadow: 0 16px 48px rgba(11, 18, 32, 0.06); min-height: 214px; padding: clamp(22px, 3vw, 32px); position: relative; transition: background 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease; }
.story-step::before { background: linear-gradient(180deg, var(--primary), var(--mint)); border-radius: 999px; bottom: 24px; content: ""; left: 0; opacity: 0; position: absolute; top: 24px; transform: scaleY(0.45); transform-origin: center; transition: opacity 220ms ease, transform 220ms ease; width: 4px; }
.story-step.is-active { background: rgba(255, 255, 255, 0.96); border-color: rgba(12, 134, 252, 0.36); box-shadow: 0 24px 68px rgba(12, 134, 252, 0.14); transform: translateX(-6px); }
.story-step.is-active::before { opacity: 1; transform: scaleY(1); }
.story-step span { color: var(--primary); display: block; font-size: 0.78rem; font-weight: 950; letter-spacing: 0.14em; margin-bottom: 22px; }
.story-step p { color: var(--muted); font-size: 1.05rem; line-height: 1.62; margin-bottom: 0; }
.how-grid { display: grid; gap: 18px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.how-grid article { background: rgba(255, 255, 255, 0.82); border: 1px solid var(--divider); border-radius: 30px; box-shadow: 0 14px 40px rgba(11, 18, 32, 0.05); padding: 24px; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.how-grid article:hover { border-color: rgba(12, 134, 252, 0.28); box-shadow: 0 20px 54px rgba(11, 18, 32, 0.09); transform: translateY(-4px); }
.how-grid article span { color: var(--primary); display: block; font-size: 0.8rem; font-weight: 950; letter-spacing: 0.12em; margin-bottom: 30px; }
.how-grid p, .screen-card span, .check-list { color: var(--muted); line-height: 1.55; }

.screen-showcase { align-items: end; display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.screen-card { background: #fff; border: 1px solid var(--divider); border-radius: 36px; box-shadow: 0 18px 56px rgba(11, 18, 32, 0.10); margin: 0; overflow: hidden; padding: 14px; }
.screen-card img { background: var(--surface); border-radius: 28px; height: 570px; object-fit: cover; object-position: top; width: 100%; }
.featured-screen { transform: translateY(-36px); }
.small-tilt-left { transform: rotate(-2deg); }
.small-tilt-right { transform: rotate(2deg); }
.screen-card figcaption { padding: 18px 8px 8px; }
.screen-card strong, .screen-card span { display: block; }
.screen-card span { font-size: 0.96rem; margin-top: 6px; }
.walkthrough-showcase { align-items: stretch; }
.walkthrough-showcase .screen-card { border-radius: 30px; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.walkthrough-showcase .screen-card:hover { border-color: rgba(12, 134, 252, 0.32); box-shadow: 0 24px 64px rgba(11, 18, 32, 0.14); transform: translateY(-6px); }
.walkthrough-showcase .screen-card img { height: 520px; object-position: top center; }

.life-section { padding-top: clamp(34px, 6vw, 76px); }
.life-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.life-grid article { background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(247,251,255,0.88)); border: 1px solid rgba(221, 235, 255, 0.95); border-radius: 32px; box-shadow: 0 16px 46px rgba(11, 18, 32, 0.06); padding: clamp(22px, 3vw, 30px); }
.life-icon { align-items: center; background: var(--primary-soft); border-radius: 18px; color: var(--primary-dark); display: inline-flex; font-size: 1.35rem; font-weight: 950; height: 48px; justify-content: center; margin-bottom: 24px; width: 48px; }
.life-grid article:nth-child(2) .life-icon { background: rgba(24, 199, 156, 0.14); color: #08785F; }
.life-grid article:nth-child(3) .life-icon { background: rgba(255, 107, 95, 0.14); color: #B2382E; }
.life-grid p { color: var(--muted); line-height: 1.62; margin-bottom: 0; }

.social-proof { align-items: center; display: grid; gap: 44px; grid-template-columns: 1fr 0.82fr; }
.check-list { list-style: none; margin: 26px 0 0; padding: 0; }
.check-list li { align-items: flex-start; border-bottom: 1px solid var(--divider); display: flex; gap: 10px; padding: 14px 0; }
.check-list li::before { color: var(--primary); content: "✓"; flex: 0 0 auto; font-weight: 950; }
.moment-card { background: #fff; border: 1px solid var(--divider); border-radius: 38px; box-shadow: var(--soft-shadow); overflow: hidden; padding: 14px; }
.moment-card img { border-radius: 28px; height: 390px; object-fit: cover; width: 100%; }
.moment-card div { padding: 20px 8px 8px; }
.moment-card strong, .moment-card span { display: block; }
.moment-card strong { font-size: 1.42rem; letter-spacing: -0.035em; }
.moment-card span { color: var(--muted); line-height: 1.55; margin-top: 6px; }

.early-access { align-items: center; background: linear-gradient(135deg, #E6F2FF 0%, #FFFFFF 58%, #F2F7FF 100%); border: 1px solid var(--divider); border-radius: 44px; display: grid; gap: 42px; grid-template-columns: 0.9fr 1.1fr; margin-bottom: 54px; }
.signup-form { background: #fff; border: 1px solid var(--divider); border-radius: 30px; box-shadow: 0 18px 50px rgba(11, 18, 32, 0.08); display: grid; gap: 10px; padding: clamp(22px, 4vw, 36px); }
.signup-form label { font-size: 0.88rem; font-weight: 850; }
.signup-form input { border: 1px solid var(--divider); border-radius: 16px; font: inherit; margin-bottom: 10px; padding: 15px 16px; }
.signup-form input:focus { border-color: var(--primary); outline: 3px solid var(--primary-soft); }
.signup-form button { background: var(--primary); border: 0; border-radius: 16px; color: #fff; cursor: pointer; font: inherit; font-weight: 950; padding: 16px; }
.signup-form small { color: var(--muted); line-height: 1.5; }

.site-footer { align-items: center; border-top: 1px solid var(--divider); color: var(--muted); display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between; padding: 28px clamp(20px, 5vw, 56px); }
.site-footer p { margin: 0; }
.footer-brand { color: var(--ink); }
.footer-brand img { box-shadow: none; }

.legal-page { min-height: 100vh; }
.legal-header { position: sticky; }
.legal-shell {
	background: rgba(255, 255, 255, 0.86);
	border: 1px solid rgba(221, 235, 255, 0.95);
	border-radius: 36px;
	box-shadow: 0 18px 55px rgba(11, 18, 32, 0.07);
	line-height: 1.65;
	margin: clamp(28px, 6vw, 64px) auto;
	max-width: 900px;
	padding: clamp(30px, 6vw, 58px);
}
.legal-shell h1 { font-size: clamp(2.65rem, 7vw, 5rem); line-height: 0.96; margin-bottom: 14px; max-width: none; }
.legal-shell h2 { font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: -0.04em; line-height: 1.15; margin: 38px 0 12px; }
.legal-shell p, .legal-shell li { color: #344054; }
.legal-shell ul { padding-left: 1.35rem; }
.legal-shell a { color: var(--primary-dark); font-weight: 800; }
.legal-shell .muted { color: var(--muted); font-weight: 750; }
.back-link { align-items: center; background: var(--primary-soft); border-radius: 999px; color: var(--primary-dark) !important; display: inline-flex; margin-bottom: 28px; padding: 10px 14px; text-decoration: none; }
.back-link:hover { background: #D8EBFF; }
.legal-footer { background: rgba(255, 255, 255, 0.72); }

@media (max-width: 980px) {
	.site-header { align-items: flex-start; gap: 14px; flex-direction: column; }
	.site-header nav { flex-wrap: wrap; }
	.hero, .social-proof, .early-access { grid-template-columns: 1fr; }
	.hero { min-height: auto; }
	.hero-stage { min-height: 600px; }
	.how-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.metrics-strip { grid-template-columns: 1fr; }
	.screen-showcase { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; }
	.featured-screen, .small-tilt-left, .small-tilt-right { transform: none; }
}

@media (max-width: 580px) {
	h1 { font-size: 3.3rem; }
	h2 { font-size: 2.45rem; }
	.section-shell { padding-inline: 18px; }
	.hero-stage { min-height: 540px; }
	.phone { max-width: 266px; }
	.phone img { height: 510px; }
	.availability-card { bottom: 16px; left: 8px; right: 8px; }
	.idea-card { right: 0; top: 26px; }
	.how-grid { grid-template-columns: 1fr; }
	.screen-card img { height: 500px; }
	.moment-card img { height: 280px; }
	.site-footer { align-items: flex-start; flex-direction: column; }
	.site-footer nav { flex-wrap: wrap; }
}

.store-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.store-badge{align-items:center;background:#0B1220;border:1px solid rgba(11,18,32,.16);border-radius:18px;color:#fff;display:inline-flex;gap:12px;min-height:60px;padding:10px 14px;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease}
.store-badge:hover{box-shadow:0 16px 36px rgba(11,18,32,.16);transform:translateY(-2px)}
.store-badge.disabled{cursor:default}.store-badge span:last-child{display:grid;gap:2px}.store-badge small{color:rgba(255,255,255,.76);font-size:.72rem;font-weight:750;line-height:1}.store-badge strong{font-size:1rem;letter-spacing:-.025em;line-height:1.05}.store-badge.large{border-radius:22px;min-height:74px;padding:14px 18px;width:100%}.store-badge.large strong{font-size:1.18rem}
.store-icon{background:#fff;border-radius:13px;display:inline-grid;flex:0 0 auto;height:38px;place-items:center;position:relative;width:38px}.apple-icon::before{color:var(--ink);content:"A";font-size:1.2rem;font-weight:950;letter-spacing:-.06em}.watch-icon{border-radius:15px}.watch-icon::before{border:3px solid var(--primary);border-radius:11px;content:"";height:20px;width:16px}.watch-icon::after{background:var(--primary);border-radius:999px;content:"";height:4px;position:absolute;right:7px;width:4px}.play-icon::before{border-bottom:10px solid transparent;border-left:16px solid #22C55E;border-top:10px solid transparent;content:"";margin-left:4px}
.download-band{align-items:center;display:grid;gap:40px;grid-template-columns:1fr .72fr}.download-band p{color:var(--muted);font-size:clamp(1.04rem,1.8vw,1.22rem);line-height:1.6;max-width:680px}.store-panel{background:linear-gradient(145deg,#122033 0%,#0B1220 100%);border-radius:32px;box-shadow:var(--soft-shadow);display:grid;gap:12px;padding:18px}.store-panel .store-badge{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.about-preview{align-items:center;display:grid;gap:42px;grid-template-columns:.64fr 1fr}.about-preview img{aspect-ratio:4/5;border-radius:34px;box-shadow:var(--soft-shadow);object-fit:cover;width:100%}.about-preview p{color:var(--muted);font-size:clamp(1.05rem,1.8vw,1.24rem);line-height:1.65;max-width:710px}
.about-page .founder-hero{align-items:center;display:grid;gap:46px;grid-template-columns:.72fr 1fr}.founder-photo{border-radius:36px;box-shadow:var(--soft-shadow);overflow:hidden}.founder-photo img{aspect-ratio:4/5;object-fit:cover;width:100%}.founder-card{background:#fff;border:1px solid var(--divider);border-radius:30px;box-shadow:0 18px 50px rgba(11,18,32,.08);margin-top:22px;padding:22px}.founder-card strong,.founder-card a{display:block}.founder-card a{color:var(--primary-dark);font-weight:850;margin-top:6px}.mission-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.mission-grid article{background:rgba(255,255,255,.84);border:1px solid var(--divider);border-radius:28px;padding:24px}.mission-grid p{color:var(--muted);line-height:1.6}
@media (max-width: 980px){.download-band,.about-preview,.about-page .founder-hero{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr}}
.mission-grid h2{font-size:1.35rem;letter-spacing:-.035em;line-height:1.12}.mission-grid article p{margin-bottom:0}

html.js [data-animate] { opacity: 0; transform: translateY(26px) scale(0.985); transition: opacity 560ms ease, transform 720ms cubic-bezier(.2,.8,.2,1); }
html.js [data-animate].is-visible { opacity: 1; transform: translateY(0) scale(1); }
html.js .hero-stage[data-animate] { transition-delay: 120ms; }
html.js .how-grid article:nth-child(2), html.js .screen-card:nth-child(2), html.js .life-grid article:nth-child(2) { transition-delay: 70ms; }
html.js .how-grid article:nth-child(3), html.js .screen-card:nth-child(3), html.js .life-grid article:nth-child(3) { transition-delay: 140ms; }
html.js .how-grid article:nth-child(4), html.js .screen-card:nth-child(4) { transition-delay: 210ms; }
html.js .screen-card:nth-child(5) { transition-delay: 280ms; }
html.js .screen-card:nth-child(6) { transition-delay: 350ms; }

.halo-one { animation: breathe 8s ease-in-out infinite; }
.halo-two { animation: breathe 9s ease-in-out infinite reverse; }
.availability-card { animation: float-soft 7s ease-in-out infinite; }
.idea-card, .orbit-two { animation: float-soft 8s ease-in-out infinite reverse; }
.orbit-one { animation: float-soft 9s ease-in-out infinite; }

@keyframes breathe {
	0%, 100% { transform: scale(1); opacity: 0.78; }
	50% { transform: scale(1.07); opacity: 1; }
}

@keyframes float-soft {
	0%, 100% { transform: translate3d(0, 0, 0); }
	50% { transform: translate3d(0, -10px, 0); }
}

@supports (animation-timeline: view()) {
	.screen-card, .story-step, .life-grid article {
		animation: view-rise both cubic-bezier(.2,.8,.2,1);
		animation-range: entry 12% cover 34%;
		animation-timeline: view();
	}

	.story-visual {
		animation: view-focus both ease-out;
		animation-range: entry 0% exit 80%;
		animation-timeline: view();
	}
}

@keyframes view-rise {
	from { opacity: 0.4; transform: translateY(46px) scale(0.97); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes view-focus {
	from { transform: translateY(18px) scale(0.985); }
	to { transform: translateY(-8px) scale(1); }
}

@media (max-width: 980px) {
	.story-layout, .life-grid { grid-template-columns: 1fr; }
	.story-visual { margin-inline: auto; max-width: 430px; min-height: 650px; position: relative; top: auto; width: 100%; }
	.story-phone { margin-inline: auto; }
	.story-step.is-active { transform: none; }
	.life-grid { max-width: 680px; margin-inline: auto; }
}

@media (max-width: 580px) {
	.site-header nav { gap: 10px 14px; }
	.site-header nav a { font-size: 0.86rem; }
	.orbit-card { display: none; }
	.story-visual { min-height: 570px; }
	.story-phone { max-width: 264px; }
	.story-phone img { height: 510px; }
	.story-bubble { width: 184px; }
	.bubble-a { right: 0; top: 64px; }
	.bubble-b { bottom: 28px; left: 0; }
	.story-step { min-height: 0; }
	.life-grid article { border-radius: 26px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
	html.js [data-animate] { opacity: 1; transform: none; }
	.hero-phone { transform: rotate(2deg); }
}

h1, h2, h3, .brand, .store-badge strong, .moment-card strong, .mission-grid h2 { letter-spacing: 0; }