/* GCO Mart & GCO Food promotion page. Everything is scoped to .s1a / .s1a-* so themes stay untouched. */
.s1a, .s1a-top, .s1a-foot {
	--ink: #16122d;
	--ink-2: #2a2450;
	--grape: #5b2eff;
	--grape-2: #7c5cff;
	--chili: #ff5233;
	--chili-2: #ff7a3d;
	--mint: #10c49b;
	--sun: #ffc23d;
	--paper: #ffffff;
	--mist: #f4f2ff;
	--line: #e3dff7;
	--mute: #5d5880;
	--r: 18px;
	--display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;
	--body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-family: var(--body);
	color: var(--ink);
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}
.s1a *, .s1a-top *, .s1a-foot * { box-sizing: border-box; }
.s1a h1, .s1a h2, .s1a h3, .s1a p, .s1a ul, .s1a ol, .s1a figure { margin: 0; padding: 0; }
.s1a ul, .s1a ol { list-style: none; }
.s1a a { text-decoration: none; }
.s1a svg { display: block; }
.s1a-in { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.s1a-in--narrow { max-width: 800px; }

/* Full width when the page uses the theme's own template. */
.s1a { width: 100vw; position: relative; left: 50%; margin-left: -50vw; overflow: hidden; background: var(--paper); }
.s1a-body .s1a { width: auto; left: auto; margin-left: 0; }
body.s1a-body { margin: 0; background: var(--paper); }

/* Buttons */
.s1a-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 999px; font: 700 15.5px/1 var(--body) !important; letter-spacing: .01em; border: 2px solid transparent; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease; text-decoration: none !important; white-space: nowrap; }
.s1a-btn:hover { transform: translateY(-1px); }
.s1a-btn:focus-visible { outline: 3px solid var(--sun); outline-offset: 3px; }
.s1a-btn--hot { background: linear-gradient(135deg, var(--chili), var(--chili-2)); color: #fff !important; box-shadow: 0 8px 22px -8px rgba(255, 82, 51, .65); }
.s1a-btn--ghost { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .45); }
.s1a-btn--ghost:hover { border-color: #fff; }
.s1a-btn--light { background: #fff; color: var(--ink) !important; }
.s1a-btn--line { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .6); }
.s1a-btn--line:hover { background: rgba(255, 255, 255, .12); }

/* Slim header of the landing template */
.s1a-top { position: sticky; top: 0; z-index: 50; background: rgba(22, 18, 45, .92); backdrop-filter: saturate(1.4) blur(10px); color: #fff; }
.admin-bar .s1a-top { top: 32px; }
@media (max-width: 782px) { .admin-bar .s1a-top { top: 0; } }
.s1a-top__in { display: flex; align-items: center; gap: 20px; min-height: 66px; }
.s1a-top__brand { display: flex; align-items: center; gap: 10px; color: #fff !important; font: 800 18px/1 var(--display); text-decoration: none !important; flex: 0 0 auto; }
.s1a-top__logo { height: 36px; width: auto; border-radius: 8px; background: #fff; }
.s1a-top__nav { flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.s1a-top__nav::-webkit-scrollbar { display: none; }
.s1a-top__menu { display: flex; gap: 4px; margin: 0; padding: 0; list-style: none; }
.s1a-top__menu li { margin: 0; padding: 0; list-style: none; }
.s1a-top__menu a { display: block; padding: 8px 12px; border-radius: 10px; color: rgba(255, 255, 255, .82) !important; font: 600 14.5px/1.2 var(--body); text-decoration: none !important; white-space: nowrap; }
.s1a-top__menu a:hover, .s1a-top__menu .current-menu-item > a { color: #fff !important; background: rgba(255, 255, 255, .1); }
.s1a-top__cta { min-height: 40px; padding: 0 18px; font-size: 14px !important; flex: 0 0 auto; }
.s1a-foot { background: var(--ink); color: rgba(255, 255, 255, .7); font-size: 14px; }
.s1a-foot__in { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding-top: 26px; padding-bottom: 26px; }
.s1a-foot a { color: #fff !important; }

/* Messages after sending the form */
.s1a-flash { position: relative; z-index: 2; padding: 16px 24px; text-align: center; font-weight: 600; }
.s1a-flash--ok { background: #dcfbef; color: #05543f; }
.s1a-flash--err { background: #ffe5df; color: #8a1d07; }

/* Type */
.s1a-h1 { font: 800 clamp(36px, 5vw, 62px)/1.02 var(--display) !important; letter-spacing: -.025em; color: #fff; margin: 0 0 22px !important; text-wrap: balance; }
.s1a-h2 { font: 800 clamp(30px, 3.8vw, 48px)/1.08 var(--display) !important; letter-spacing: -.02em; color: var(--ink); margin: 0 0 14px !important; text-wrap: balance; }
.s1a-sub { font-size: 18px; color: var(--mute); max-width: 680px; margin-bottom: 40px !important; }
.s1a .s1a-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px !important; padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: var(--sun); font-weight: 700; font-size: 14px; }
.s1a-lead { font-size: clamp(17px, 1.6vw, 20px); color: rgba(255, 255, 255, .82); max-width: 560px; margin-bottom: 30px !important; }
.s1a-lead b { color: #fff; }

/* Hero */
.s1a-hero { position: relative; padding: 76px 0 96px; color: #fff; background:
	radial-gradient(900px 520px at 85% 10%, rgba(91, 46, 255, .55), transparent 60%),
	radial-gradient(700px 480px at 70% 100%, rgba(255, 82, 51, .38), transparent 60%),
	var(--ink); }
.s1a-hero__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.s1a-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.s1a-proof { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 28px !important; color: rgba(255, 255, 255, .85); font-weight: 600; font-size: 15px; }
.s1a-proof li { display: flex; align-items: center; gap: 7px; }
.s1a-proof svg, .s1a-list svg, .s1a-yes svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: var(--mint); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }

/* Hero mock-ups (drawn in CSS) */
.s1a-stage { position: relative; height: 470px; }
.s1a-browser { position: absolute; top: 0; left: 0; width: 88%; border-radius: 16px; background: #fff; color: var(--ink); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .6); overflow: hidden; transform: rotate(-2deg); }
.s1a-browser__bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: #ece9fb; }
.s1a-browser__bar i { width: 10px; height: 10px; border-radius: 50%; background: #c9c3ec; }
.s1a-browser__bar i:first-child { background: var(--chili); }
.s1a-browser__bar i:nth-child(2) { background: var(--sun); }
.s1a-browser__bar i:nth-child(3) { background: var(--mint); }
.s1a-browser__bar span { margin-left: 10px; padding: 3px 12px; border-radius: 8px; background: #fff; font-size: 12px; color: var(--mute); }
.s1a-browser__body { padding: 14px 16px 18px; }
.s1a-mk-top { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.s1a-mk-top b { font: 800 16px/1 var(--display); color: var(--grape); }
.s1a-mk-search { flex: 1; padding: 6px 10px; border-radius: 8px; background: var(--mist); color: var(--mute); font-size: 12px; }
.s1a-mk-cart { padding: 5px 10px; border-radius: 8px; background: var(--grape); color: #fff; font-weight: 700; font-size: 12px; }
.s1a-mk-chips { display: flex; gap: 6px; margin: 12px 0; }
.s1a-mk-chips span { padding: 4px 10px; border-radius: 999px; background: var(--mist); font-size: 11.5px; font-weight: 600; color: var(--ink-2); }
.s1a-mk-chips span:first-child { background: var(--ink); color: #fff; }
.s1a-mk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.s1a-mk-card { display: flex; flex-direction: column; gap: 2px; font-size: 12px; }
.s1a-mk-card b { font-size: 13px; color: var(--grape); }
.s1a-mk-card small { font-size: 10.5px; color: var(--mute); }
.s1a-mk-img { height: 62px; border-radius: 10px; margin-bottom: 4px; }
.s1a-mk-img--a { background: linear-gradient(135deg, #ffb199, #ff5233); }
.s1a-mk-img--b { background: linear-gradient(135deg, #b7f5e4, #10c49b); }
.s1a-mk-img--c { background: linear-gradient(135deg, #d9d0ff, #7c5cff); }
.s1a-mk-img--d { background: linear-gradient(135deg, #ffe7a6, #ffc23d); }
.s1a-mk-img--e { background: linear-gradient(135deg, #c6e3ff, #3d8bff); }
.s1a-mk-img--f { background: linear-gradient(135deg, #ffc9e3, #ff4f9a); }
.s1a-phone { position: absolute; right: 0; bottom: -10px; width: 240px; height: 440px; border-radius: 36px; padding: 10px; background: #0d0a1f; box-shadow: 0 40px 80px -24px rgba(0, 0, 0, .7), inset 0 0 0 2px #2c2650; transform: rotate(3deg); }
.s1a-phone__notch { position: absolute; top: 14px; left: 50%; width: 70px; height: 18px; margin-left: -35px; border-radius: 999px; background: #0d0a1f; z-index: 2; }
.s1a-phone__screen { height: 100%; border-radius: 27px; overflow: hidden; background: #fff; color: var(--ink); display: flex; flex-direction: column; }
.s1a-fd-head { padding: 38px 14px 10px; background: linear-gradient(135deg, var(--chili), var(--chili-2)); color: #fff; }
.s1a-fd-head b { display: block; font: 800 17px/1.1 var(--display); }
.s1a-fd-head span { font-size: 11px; opacity: .9; }
.s1a-map { position: relative; height: 128px; background: #eef7f2; }
.s1a-map svg { width: 100%; height: 100%; }
.s1a-road { fill: none; stroke: #fff; stroke-width: 9; }
.s1a-road--thin { stroke-width: 5; }
.s1a-route { fill: none; stroke: var(--grape); stroke-width: 3.5; stroke-dasharray: 6 5; stroke-linecap: round; }
.s1a-pin { position: absolute; width: 14px; height: 14px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .25); }
.s1a-pin--shop { left: calc(12% - 7px); top: calc(75% - 7px); background: var(--chili); }
.s1a-pin--home { left: calc(88% - 7px); top: calc(58% - 7px); background: var(--mint); }
.s1a-courier { position: absolute; left: 35%; top: 33%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; background: var(--grape); box-shadow: 0 0 0 6px rgba(91, 46, 255, .2); }
.s1a-fd-status { padding: 10px 14px; border-bottom: 1px solid var(--line); }
.s1a-fd-status b { display: block; font-size: 13px; }
.s1a-fd-status span { font-size: 11px; color: var(--mute); }
.s1a-fd-bar { height: 6px; border-radius: 6px; background: var(--mist); margin-top: 8px; overflow: hidden; }
.s1a-fd-bar i { display: block; width: 62%; height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--grape), var(--mint)); }
.s1a-fd-list { padding: 6px 14px; }
.s1a-fd-list div { display: flex; align-items: center; gap: 10px; padding: 8px 0; }
.s1a-fd-list b { display: block; font-size: 12.5px; }
.s1a-fd-list small { font-size: 10.5px; color: var(--mute); }
.s1a-dot { width: 36px; height: 36px; border-radius: 10px; flex: 0 0 auto; }
.s1a-dot--a { background: linear-gradient(135deg, var(--sun), var(--chili)); }
.s1a-dot--b { background: linear-gradient(135deg, #b7f5e4, var(--mint)); }

/* The one moving moment: the courier rides the route to the customer's door. */
@media (prefers-reduced-motion: no-preference) {
	.s1a-map { container-type: inline-size; }
	.s1a-courier { left: 0; top: 0; margin: 0; animation: s1a-ride 7s cubic-bezier(.45, .05, .55, .95) infinite; }
	@keyframes s1a-ride {
		0%   { transform: translate(calc(12cqw - 9px), 87px); }
		20%  { transform: translate(calc(35cqw - 9px), 87px); }
		38%  { transform: translate(calc(35cqw - 9px), 34px); }
		66%  { transform: translate(calc(70cqw - 9px), 34px); }
		78%  { transform: translate(calc(70cqw - 9px), 66px); }
		92%, 100% { transform: translate(calc(88cqw - 9px), 66px); }
	}
}

/* Two platforms */
.s1a-duo { padding: 96px 0; background: var(--paper); }
.s1a-duo__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.s1a-plat { display: flex; flex-direction: column; padding: 34px; border-radius: 28px; color: #fff; }
.s1a-plat--mart { background: linear-gradient(160deg, var(--grape) 0%, #3b16c9 100%); }
.s1a-plat--food { background: linear-gradient(160deg, var(--chili) 0%, #d8361a 100%); }
.s1a-plat__head { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 26px; }
.s1a-plat__icon { flex: 0 0 auto; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: rgba(255, 255, 255, .16); }
.s1a-plat__icon svg { width: 30px; height: 30px; fill: none; stroke: #fff; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.s1a-plat h3 { font: 800 32px/1.05 var(--display) !important; color: #fff; margin: 2px 0 6px !important; }
.s1a-plat__head p { color: rgba(255, 255, 255, .85); font-size: 16px; }
.s1a-list { display: grid; gap: 11px; }
.s1a-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 15.5px; }
.s1a-plat .s1a-list svg { stroke: var(--sun); margin-top: 2px; }
.s1a-plat .s1a-list li { color: rgba(255, 255, 255, .95); }
.s1a-plat__foot { margin-top: auto; padding-top: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid rgba(255, 255, 255, .2); margin-top: 30px; }
.s1a-price { display: flex; align-items: baseline; gap: 8px; }
.s1a-price b { font: 800 40px/1 var(--display); }
.s1a-price s { opacity: .65; font-size: 18px; }
.s1a-price small { opacity: .85; font-weight: 600; }

/* Demos */
.s1a-demos { padding: 96px 0; background: var(--mist); }
.s1a-demo__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.s1a-demo { position: relative; display: flex; flex-direction: column; gap: 6px; min-height: 220px; padding: 30px 30px 26px; border-radius: 24px; background: #fff; color: var(--ink) !important; border: 2px solid var(--line); overflow: hidden; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.s1a-demo:hover { transform: translateY(-3px); box-shadow: 0 24px 50px -28px rgba(22, 18, 45, .45); }
.s1a-demo--mart:hover { border-color: var(--grape); }
.s1a-demo--food:hover { border-color: var(--chili); }
.s1a-demo::after { content: ""; position: absolute; right: -40px; bottom: -40px; width: 180px; height: 180px; border-radius: 50%; opacity: .14; }
.s1a-demo--mart::after { background: var(--grape); }
.s1a-demo--food::after { background: var(--chili); }
.s1a-demo__label { align-self: flex-start; display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 999px; background: #dcfbef; color: #05543f; font-weight: 700; font-size: 13px; }
.s1a-demo__label::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(16, 196, 155, .25); }
.s1a-demo b { font: 800 34px/1.1 var(--display); margin-top: 10px; }
.s1a-demo--mart b { color: var(--grape); }
.s1a-demo--food b { color: var(--chili); }
.s1a-demo span:not(.s1a-demo__label) { color: var(--mute); font-size: 16px; }
.s1a-demo em { margin-top: auto; padding-top: 16px; font-style: normal; font-weight: 700; color: var(--ink); }
.s1a-demo em::after { content: " ↗"; }
.s1a-note { margin-top: 22px !important; color: var(--mute); font-size: 15px; }

/* Own vs rent */
.s1a-own { padding: 96px 0; background: var(--paper); }
.s1a-table { margin-top: 30px; border: 2px solid var(--line); border-radius: 22px; overflow: hidden; }
.s1a-tr { display: grid; grid-template-columns: 1.1fr 1fr 1.1fr; }
.s1a-tr > span { padding: 16px 20px; border-top: 1px solid var(--line); font-size: 15.5px; }
.s1a-tr--head > span { border-top: 0; font-weight: 800; background: var(--mist); }
.s1a-tr--head > span:last-child { background: var(--ink); color: #fff; }
.s1a-tr > span:first-child { font-weight: 700; }
.s1a-no { color: var(--mute); }
.s1a-yes { display: flex; gap: 8px; align-items: center; font-weight: 700; background: #f3fdf9; }
.s1a-who { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 34px; }
.s1a-who p { font-weight: 800; font-family: var(--display); font-size: 20px; }
.s1a-who ul { display: flex; flex-wrap: wrap; gap: 8px; }
.s1a-who li { padding: 8px 14px; border-radius: 999px; background: var(--mist); font-weight: 600; font-size: 14.5px; }

/* Steps */
.s1a-steps { padding: 96px 0; background: var(--ink); color: #fff; }
.s1a-steps .s1a-h2 { color: #fff; }
.s1a-steps__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 34px !important; counter-reset: s1a; }
.s1a-steps__list li { position: relative; padding: 70px 22px 24px; border-radius: 20px; background: var(--ink-2); counter-increment: s1a; }
.s1a-steps__list li::before { content: counter(s1a); position: absolute; top: 20px; left: 22px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--sun); color: var(--ink); font: 800 17px/1 var(--display); }
.s1a-steps__list b { display: block; font: 700 19px/1.25 var(--display); margin-bottom: 6px; }
.s1a-steps__list span { color: rgba(255, 255, 255, .75); font-size: 15px; }

/* Pricing */
.s1a-pricing { padding: 96px 0; background: linear-gradient(180deg, var(--mist), #fff); }
.s1a-tiers { display: grid; grid-template-columns: 1fr 1.08fr 1fr; gap: 20px; align-items: stretch; }
.s1a-tier { position: relative; display: flex; flex-direction: column; padding: 32px 28px; border-radius: 24px; background: #fff; border: 2px solid var(--line); }
.s1a-tier--best { background: var(--ink); color: #fff; border-color: var(--ink); box-shadow: 0 30px 60px -30px rgba(22, 18, 45, .7); transform: translateY(-10px); }
.s1a-tier__tag { position: absolute; top: -14px; left: 28px; padding: 6px 14px; border-radius: 999px; background: var(--sun); color: var(--ink); font-weight: 800; font-size: 13px; }
.s1a-tier h3 { font: 800 26px/1.1 var(--display) !important; margin-bottom: 4px !important; color: inherit; }
.s1a-tier__what { color: var(--mute); }
.s1a-tier--best .s1a-tier__what { color: rgba(255, 255, 255, .7); }
.s1a-tier__price { display: flex; align-items: baseline; gap: 8px; margin: 18px 0 22px !important; }
.s1a-tier__price b { font: 800 48px/1 var(--display); }
.s1a-tier__price s { color: var(--mute); font-size: 18px; }
.s1a-tier--best .s1a-tier__price s { color: rgba(255, 255, 255, .55); }
.s1a-tier__price small { font-weight: 600; color: var(--mute); }
.s1a-tier--best .s1a-tier__price small { color: rgba(255, 255, 255, .7); }
.s1a-tier .s1a-list { margin-bottom: 26px; }
.s1a-tier .s1a-list li { font-size: 15px; }
.s1a-tier .s1a-btn { margin-top: auto; width: 100%; }
.s1a-tier .s1a-btn--light { background: var(--ink); color: #fff !important; }

/* FAQ */
.s1a-faq { padding: 96px 0; background: #fff; }
.s1a-q { border-bottom: 1px solid var(--line); }
.s1a-q summary { cursor: pointer; list-style: none; padding: 20px 40px 20px 0; position: relative; font: 700 18px/1.35 var(--display); }
.s1a-q summary::-webkit-details-marker { display: none; }
.s1a-q summary::after { content: "+"; position: absolute; right: 4px; top: 16px; font-size: 26px; color: var(--grape); transition: transform .2s ease; }
.s1a-q[open] summary::after { transform: rotate(45deg); }
.s1a-q p { padding: 0 0 20px !important; color: var(--mute); font-size: 16px; max-width: 680px; }

/* Order */
.s1a-order { padding: 96px 0; background:
	radial-gradient(700px 400px at 0% 0%, rgba(91, 46, 255, .35), transparent 60%),
	radial-gradient(600px 400px at 100% 100%, rgba(255, 82, 51, .3), transparent 60%),
	var(--ink); color: #fff; }
.s1a-order .s1a-h2 { color: #fff; }
.s1a-order__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 44px; align-items: start; }
.s1a-order__copy p { color: rgba(255, 255, 255, .8); font-size: 17px; margin-bottom: 16px !important; }
.s1a .s1a-order__by { font-size: 15px !important; padding: 16px 18px; border-radius: 16px; background: rgba(255, 255, 255, .07); }
.s1a-order__contact a { color: var(--sun) !important; font-weight: 700; }
.s1a-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; padding: 28px; border-radius: 26px; background: #fff; color: var(--ink); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .6); }
.s1a-wide { grid-column: 1 / -1; }
.s1a-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.s1a-pick { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0; padding: 0; border: 0; min-width: 0; }
.s1a-pick legend { padding: 0; margin-bottom: 8px; font-weight: 800; font-size: 15px; }
.s1a-pick__opt { position: relative; cursor: pointer; }
.s1a-pick__opt input { position: absolute; opacity: 0; inset: 0; }
.s1a-pick__opt span { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 12px 14px; border-radius: 14px; border: 2px solid var(--line); transition: border-color .15s ease, background-color .15s ease; }
.s1a-pick__opt b { font-size: 15px; }
.s1a-pick__opt small { color: var(--mute); font-size: 12.5px; }
.s1a-pick__opt input:checked + span { border-color: var(--grape); background: #f1edff; }
.s1a-pick__opt input:focus-visible + span { outline: 3px solid var(--sun); outline-offset: 2px; }
.s1a-f { display: flex; flex-direction: column; gap: 6px; font-weight: 700; font-size: 14px; }
.s1a-f input, .s1a-f textarea { width: 100%; min-height: 46px; padding: 11px 14px; border: 2px solid var(--line) !important; border-radius: 12px !important; background: #fff !important; color: var(--ink) !important; font: 500 16px/1.4 var(--body) !important; box-shadow: none !important; }
.s1a-f input:focus, .s1a-f textarea:focus { outline: none; border-color: var(--grape) !important; }
.s1a .s1a-total { display: flex; align-items: baseline; justify-content: flex-end; gap: 8px; align-self: end; padding-bottom: 8px; font-weight: 700; }
.s1a-total b { font: 800 30px/1 var(--display); color: var(--grape); }
.s1a-total small { color: var(--mute); }
.s1a-check { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; color: var(--mute); }
.s1a-check input { width: 20px; height: 20px; margin-top: 1px; accent-color: var(--grape); flex: 0 0 auto; }
.s1a-form .s1a-btn { width: 100%; min-height: 54px; font-size: 17px !important; }

/* Tablet and phone */
@media (max-width: 980px) {
	.s1a-hero__grid, .s1a-order__grid { grid-template-columns: 1fr; }
	.s1a-stage { height: 430px; max-width: 560px; }
	.s1a-steps__list { grid-template-columns: 1fr 1fr; }
	.s1a-tiers { grid-template-columns: 1fr; max-width: 520px; }
	.s1a-tier--best { transform: none; order: -1; }
}
@media (max-width: 760px) {
	.s1a-in { padding: 0 16px; }
	.s1a-hero, .s1a-duo, .s1a-demos, .s1a-own, .s1a-steps, .s1a-pricing, .s1a-faq, .s1a-order { padding: 64px 0; }
	.s1a-hero { padding-top: 44px; }
	.s1a-duo__grid, .s1a-demo__grid { grid-template-columns: 1fr; }
	.s1a-plat { padding: 26px 22px; border-radius: 22px; }
	.s1a-stage { height: 380px; }
	.s1a-browser { width: 100%; }
	.s1a-mk-grid { grid-template-columns: repeat(2, 1fr); }
	.s1a-mk-card:nth-child(n+5) { display: none; }
	.s1a-phone { width: 200px; height: 370px; right: -6px; bottom: -30px; }
	.s1a-tr { grid-template-columns: 1fr 1fr; }
	.s1a-tr > span:first-child { grid-column: 1 / -1; padding-bottom: 4px; background: var(--mist); }
	.s1a-tr--head > span:first-child { display: none; }
	.s1a-form { grid-template-columns: 1fr; padding: 20px; }
	.s1a-pick { grid-template-columns: 1fr; }
	.s1a .s1a-total { justify-content: flex-start; }
	.s1a-top__in { gap: 10px; min-height: 58px; }
	.s1a-top__brand span { display: none; }
	.s1a-top__brand span:only-child { display: inline; }
}
@media (max-width: 480px) {
	.s1a-steps__list { grid-template-columns: 1fr; }
	.s1a-btn { width: 100%; }
	.s1a-top__cta { width: auto; }
	.s1a-plat__foot .s1a-cta, .s1a-hero .s1a-cta { width: 100%; }
	.s1a-stage { height: 340px; }
	.s1a-phone { width: 176px; height: 330px; }
}