:root { color-scheme: light; --forest: #080808; --green: #e00000; --mint: #ffe2e2; --cream: #f7f7f7; --gold: #ff2020; --ink: #080808; --muted: #666666; }
	* { box-sizing: border-box; }
	html { scroll-behavior: smooth; }
	body { margin: 0; background: var(--cream); color: var(--ink); font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
	a { color: inherit; }
	.site-header { display: flex; align-items: center; justify-content: space-between; width: min(1180px, calc(100% - 40px)); margin: auto; padding: 20px 0; }
	.brand img { display: block; width: 220px; height: 96px; object-fit: contain; object-position: left; }
	nav { display: flex; align-items: center; gap: 28px; }
	nav a { font-size: 14px; font-weight: 750; text-decoration: none; }
	.nav-button { border: 1px solid #c8d4ce; border-radius: 99px; padding: 9px 17px; }
	.hero { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: clamp(42px, 8vw, 110px); width: min(1180px, calc(100% - 40px)); min-height: 690px; margin: auto; padding: 45px 0 90px; }
	.eyebrow { margin: 0 0 14px; color: var(--green); font-size: 12px; font-weight: 850; letter-spacing: 2px; }
	h1, h2, h3, p { margin-top: 0; }
	h1 { margin-bottom: 24px; font-size: clamp(52px, 7vw, 92px); line-height: .96; letter-spacing: -.055em; }
	h2 { margin-bottom: 18px; font-size: clamp(38px, 5vw, 64px); line-height: 1.02; letter-spacing: -.045em; }
	h3 { margin-bottom: 10px; font-size: 22px; }
	.lead { max-width: 650px; color: var(--muted); font-size: 21px; }
	.actions { display: flex; flex-wrap: wrap; gap: 12px; }
	.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 99px; padding: 0 24px; font-weight: 800; text-decoration: none; }
	.primary { background: var(--green); color: white; box-shadow: 0 14px 34px #e0000030; }
	.secondary { border: 1px solid #c8d4ce; background: #ffffff99; }
	.availability { margin: 17px 0 0; color: var(--muted); font-size: 13px; }
	.phone-card { width: min(100%, 370px); margin: auto; border: 10px solid #000000; border-radius: 46px; background: #000000; color: white; box-shadow: 0 38px 80px #00000030; padding: 18px 25px 28px; }
	.phone-top { display: flex; justify-content: space-between; margin-bottom: 28px; font-size: 11px; }
	.app-mark { display: flex; align-items: center; gap: 8px; font-weight: 800; }
	.app-mark img { width: 48px; height: 48px; border-radius: 9px; background: #ffffff; object-fit: contain; padding: 4px; }
	.status-label { margin: 30px 0 14px; color: #b7ddc9; font-size: 11px; font-weight: 800; letter-spacing: 1.8px; }
	.totals { display: grid; gap: 22px; }
	.totals strong { display: block; font-size: 52px; line-height: 1; letter-spacing: -.05em; }
	.totals span { color: #b7c8c0; }
	.rate { margin: 24px 0; border-top: 1px solid #ffffff20; padding-top: 16px; color: #b7c8c0; font-size: 13px; }
	.client-tag { border-radius: 14px; background: #ffffff12; padding: 13px 16px; color: #b7c8c0; font-size: 13px; }
	.client-tag strong { display: block; color: white; }
	.trust { display: grid; grid-template-columns: repeat(4, 1fr); padding: 20px max(20px, calc((100% - 1180px) / 2)); background: #000000; color: #ffffff; text-align: center; }
	.trust span { padding: 5px 12px; font-size: 13px; font-weight: 750; }
	.section { width: min(1180px, calc(100% - 40px)); margin: auto; padding: 120px 0; }
	.section-heading { max-width: 680px; margin-bottom: 48px; }
	.section-heading > p:last-child, .steps p, .siri p:last-child, .privacy p { color: var(--muted); }
	.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
	.steps article { border: 1px solid #dfe5df; border-radius: 24px; background: white; padding: 30px; }
	.steps article > span { display: grid; width: 42px; height: 42px; margin-bottom: 46px; place-items: center; border-radius: 50%; background: var(--mint); color: var(--green); font-size: 12px; font-weight: 850; }
	.siri { display: grid; grid-template-columns: 200px minmax(0, 680px); justify-content: center; align-items: center; gap: 70px; padding: 110px 40px; background: #f1f1f1; }
	.orb { display: grid; width: 180px; height: 180px; place-items: center; border-radius: 50%; background: conic-gradient(#b047d6, #4b8fe8, #48cda0, #efb850, #d64e94, #b047d6); }
	.orb span { width: 132px; height: 132px; border: 15px solid #ffffffdc; border-radius: 50%; background: #000000; }
	.privacy { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; width: min(1180px, calc(100% - 40px)); margin: auto; padding: 120px 0; }
	.access { padding: 105px 20px; background: #000000; color: white; text-align: center; }
	.access img { width: 220px; height: 110px; border-radius: 14px; background: #ffffff; object-fit: contain; padding: 8px; }
	.access .eyebrow { color: #edc26f; }
	.access h2 { max-width: 760px; margin-right: auto; margin-left: auto; }
	.access > p:not(.eyebrow) { color: #cbd9d2; }
	.light { background: white; color: var(--forest); }
	footer { display: grid; grid-template-columns: 1fr auto auto; gap: 40px; padding: 28px max(20px, calc((100% - 1180px) / 2)); background: #000000; color: #bdbdbd; font-size: 13px; }
	footer strong { color: white; }
	@media (max-width: 760px) {
		.site-header, .hero, .section, .privacy { width: calc(100% - 28px); }
		.brand img { width: 150px; height: 68px; }
		nav a:not(.nav-button) { display: none; }
		.nav-button { padding: 7px 12px; font-size: 12px; }
		.hero { grid-template-columns: 1fr; min-height: auto; padding: 50px 0 70px; }
		h1 { font-size: clamp(46px, 16vw, 68px); }
		.phone-card { width: min(100%, 340px); }
		.trust { grid-template-columns: 1fr 1fr; }
		.section { padding: 82px 0; }
		.steps, .siri, .privacy { grid-template-columns: 1fr; }
		.steps article > span { margin-bottom: 25px; }
		.siri { gap: 40px; padding: 82px 24px; }
		.privacy { gap: 18px; padding: 82px 0; }
		footer { grid-template-columns: 1fr; gap: 10px; }
	}
	@media (max-width: 340px) {
		.site-header, .hero, .section, .privacy { width: calc(100% - 24px); }
		h1 { font-size: 43px; }
		.actions { display: grid; }
		.phone-card { border-width: 7px; padding-right: 19px; padding-left: 19px; }
		.totals strong { font-size: 45px; }
		.trust { grid-template-columns: 1fr; }
	}