/* GCO Free Tools: semua gaya dibatasi di dalam .gft agar tidak bentrok dengan tema. */
.gft {
	--g: #0d5c3f; --gold: #d9a93b; --deep: #062a1d; --ink: #14211b; --ink2: #3c4b44; --muted: #62726a;
	--line: #dde5e0; --wash: #f3f6f4; --paper: #fff;
	--ok: #17714b; --ok-bg: #e8f5ee; --warn: #94560a; --warn-bg: #fdf3e0; --bad: #b42318; --bad-bg: #fdecea; --info: #3b5b8c; --info-bg: #eef3fa;
	--serif: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
	--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	color: var(--ink); font-size: 17px; line-height: 1.6;
	max-width: 1180px; margin: 0 auto; padding: 0 20px 40px; box-sizing: border-box;
	overflow-wrap: break-word; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
.gft *, .gft *::before, .gft *::after { box-sizing: border-box; }
.gft :where(h1, h2, h3, p, ul, ol, dl, dd, figure) { margin: 0; padding: 0; }
.gft :where(ul, ol) { list-style: none; }
.gft[data-lang="en"] [lang="id"], .gft[data-lang="id"] [lang="en"] { display: none !important; }
.gft :focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; border-radius: 6px; }
.gft [hidden] { display: none !important; }
.gft-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.gft-i { width: 22px; height: 22px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.gft-s { width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; margin-top: 3px; }
.gft img, .gft canvas, .gft svg { max-width: 100%; }

/* Tombol */
.gft-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; max-width: 100%;
	min-height: 48px; padding: 10px 22px; border-radius: 999px; border: 1.5px solid transparent;
	font: inherit; font-weight: 700; font-size: 16px; line-height: 1.25; text-align: center; text-decoration: none !important;
	cursor: pointer; transition: background-color .15s, color .15s, border-color .15s;
}
.gft-btn:disabled { opacity: .45; cursor: not-allowed; }
.gft-btn--gold { background: var(--gold); color: var(--deep) !important; }
.gft-btn--gold:hover:not(:disabled) { background: #f0c25a; }
.gft-btn--line { border-color: var(--g); color: var(--g) !important; background: transparent; }
.gft-btn--line:hover:not(:disabled) { background: var(--g); color: #fff !important; }
.gft-mini { font: inherit; font-size: 14px; font-weight: 600; color: var(--g); background: none; border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; min-height: 36px; cursor: pointer; }
.gft-mini:hover { border-color: var(--g); }

/* Hero + kotak ketik */
.gft-hero {
	margin: 24px 0 0; padding: 40px 48px 36px; border-radius: 28px; color: #eaf3ee;
	background: radial-gradient(110% 90% at 100% 0%, rgba(217,169,59,.22), transparent 55%), linear-gradient(155deg, var(--g) 0%, var(--deep) 80%);
}
.gft-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 26px; }
.gft-brand { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; letter-spacing: .01em; color: #f6e2b0; }
.gft-lang { display: inline-flex; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; padding: 3px; }
.gft-lang button { font: inherit; font-size: 14px; font-weight: 700; min-width: 44px; min-height: 36px; border: 0; border-radius: 999px; background: transparent; color: #cfe2d8; cursor: pointer; }
.gft-lang button[aria-pressed="true"] { background: #fff; color: var(--deep); }
.gft-title { font-family: var(--serif); font-weight: 700; font-size: clamp(30px, 5vw, 54px); line-height: 1.05; letter-spacing: -.01em; color: #fff; max-width: 17ch; }
.gft-lead { margin-top: 14px; max-width: 60ch; color: #cfe2d8; font-size: 18px; }
.gft-ask {
	display: flex; align-items: flex-end; gap: 10px; margin-top: 28px; padding: 10px 10px 10px 22px;
	background: #fff; border-radius: 22px; box-shadow: 0 18px 40px -22px rgba(0,0,0,.55);
}
.gft-ask textarea {
	flex: 1 1 auto; min-width: 0; border: 0; outline: 0; resize: none; background: transparent; color: var(--ink);
	font: inherit; font-size: 19px; line-height: 1.45; padding: 10px 0; min-height: 48px; max-height: 220px;
}
.gft-ask textarea::placeholder { color: #8a988f; }
.gft-go {
	flex-shrink: 0; min-height: 52px; padding: 0 26px; border: 0; border-radius: 16px; cursor: pointer;
	background: var(--gold); color: var(--deep); font: inherit; font-weight: 800; font-size: 17px;
}
.gft-go:hover { background: #f0c25a; }
.gft-ask:focus-within { box-shadow: 0 0 0 3px var(--gold), 0 18px 40px -22px rgba(0,0,0,.55); }
.gft-eg { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
.gft-eg > span { color: #a9c4b6; font-size: 14px; margin-right: 2px; }
.gft-eg button {
	font: inherit; font-size: 14px; line-height: 1.3; color: #eaf3ee; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22);
	border-radius: 999px; padding: 7px 14px; min-height: 36px; cursor: pointer; text-align: left; max-width: 100%;
}
.gft-eg button:hover { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.45); }

/* Kotak ketik di halaman depan */
.gft--bar { padding-bottom: 8px; }
.gft-hero--bar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 10px 40px; align-items: center; padding: 34px 40px; }
.gft-hero--bar .gft-bar__text { grid-row: span 2; }
.gft-hero--bar .gft-title { font-size: clamp(26px, 3.4vw, 40px); max-width: 16ch; margin-top: 10px; }
.gft-hero--bar .gft-lead { font-size: 16px; }
.gft-hero--bar .gft-ask { margin-top: 0; align-items: center; }
.gft-ask__input { flex: 1 1 auto; width: 100%; text-align: left; min-width: 0; min-height: 52px; border: 0; outline: 0; background: transparent; color: var(--ink); font: inherit; font-size: 18px; padding: 0 4px; }
.gft-ask__input::placeholder { color: #8a988f; }
.gft-hero--bar .gft-eg { margin-top: 0; }
.gft-eg a { font-size: 14px; line-height: 1.3; color: #eaf3ee; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 7px 14px; text-decoration: none; }
.gft-eg a:hover { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.45); }
.gft-eg a.gft-eg__all { background: transparent; border-color: transparent; color: #f6e2b0; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* Hasil */
.gft-out { margin-top: 28px; scroll-margin-top: 90px; outline: none; }
.gft-panel { background: var(--paper); border: 1px solid var(--line); border-radius: 24px; padding: 30px 32px; }
.gft-panel__head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: start; padding-bottom: 20px; margin-bottom: 22px; border-bottom: 1px solid var(--line); }
.gft-panel__icon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 14px; background: var(--wash); color: var(--g); }
.gft-panel__head h2 { font-family: var(--serif); font-size: 28px; line-height: 1.15; color: var(--deep); }
.gft-panel__head p { color: var(--ink2); margin-top: 4px; max-width: 70ch; }
.gft-back { font-size: 15px; font-weight: 700; color: var(--g); white-space: nowrap; padding: 8px 0; }
.gft-note { color: var(--muted); font-size: 14.5px; margin-top: 10px; }
.gft-loading { margin-top: 18px; color: var(--g); font-weight: 600; }
.gft-error { margin-top: 14px; color: var(--bad); font-weight: 600; }

/* Formulir */
.gft-row { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.gft-grow { flex: 1 1 280px; min-width: 0; }
.gft-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
.gft-form--ra { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto; align-items: end; margin-top: 16px; }
.gft-wide { grid-column: 1 / -1; }
.gft-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.gft-field > span { font-size: 15px; font-weight: 600; color: var(--ink2); }
.gft-field input, .gft-field select, .gft-field textarea {
	width: 100%; min-height: 48px; padding: 10px 14px; border: 1.5px solid #c9d4ce; border-radius: 12px; background: #fff; color: var(--ink);
	font: inherit; font-size: 16px; line-height: 1.4;
}
.gft-field textarea { resize: vertical; min-height: 110px; }
.gft-field textarea.is-big { font-size: 22px; line-height: 1.5; }
.gft-field input:focus, .gft-field select:focus, .gft-field textarea:focus { border-color: var(--g); outline: 2px solid rgba(13,92,63,.15); }
.gft-field input[type="range"] { min-height: 40px; padding: 0; border: 0; accent-color: var(--g); }
.gft-small { max-width: 320px; }
.gft-money { display: flex; align-items: stretch; }
.gft-money b { display: grid; place-items: center; padding: 0 12px; background: var(--wash); border: 1.5px solid #c9d4ce; border-right: 0; border-radius: 12px 0 0 12px; color: var(--ink2); font-size: 15px; }
.gft-money input { border-radius: 0 12px 12px 0 !important; }
.gft-check { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; font-weight: 600; color: var(--ink2); }
.gft-check input { width: 22px; height: 22px; accent-color: var(--g); }
.gft-actions { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; margin-top: 16px; }
.gft-actions .gft-note { margin: 0; }
.gft-doc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 320px); gap: 16px; align-items: end; }
.gft-drop { position: relative; display: flex; align-items: center; justify-content: center; min-height: 110px; padding: 18px; border: 2px dashed #b9c8bf; border-radius: 18px; background: var(--wash); text-align: center; font-weight: 700; color: var(--g); cursor: pointer; }
.gft-drop:hover, .gft-drop:focus-within { border-color: var(--g); background: #eaf2ed; }
.gft-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }

/* Kartu opini */
.gft-op { margin-top: 22px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: #fff; }
.gft-op__head { padding: 22px 26px; border-left: 8px solid var(--tone); background: var(--tone-bg); }
.gft-op--good { --tone: var(--ok); --tone-bg: var(--ok-bg); }
.gft-op--warn { --tone: #c98612; --tone-bg: var(--warn-bg); }
.gft-op--bad { --tone: var(--bad); --tone-bg: var(--bad-bg); }
.gft-op__label { font-size: 14px; font-weight: 700; color: var(--ink2); }
.gft-op__verdict { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; font-family: var(--serif); font-weight: 700; font-size: clamp(24px, 3.4vw, 32px); line-height: 1.15; color: var(--deep); margin-top: 4px; overflow-wrap: anywhere; }
.gft-op__score { font-family: inherit; font-size: .7em; color: var(--tone); }
.gft-op__conf { margin-top: 6px; color: var(--ink2); font-size: 15px; }
.gft-op h3 { font-size: 17px; margin: 22px 26px 10px; color: var(--deep); }
.gft-reasons { margin: 0 26px; display: grid; gap: 10px; }
.gft-reasons li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: var(--wash); }
.gft-reasons li > span { min-width: 0; overflow-wrap: anywhere; }
.gft-reasons .is-good .gft-s { color: var(--ok); }
.gft-reasons .is-warn .gft-s { color: #c98612; }
.gft-reasons .is-bad .gft-s { color: var(--bad); }
.gft-reasons .is-info .gft-s { color: var(--info); }
.gft-steps { margin: 0 26px; padding-left: 22px !important; list-style: decimal !important; display: grid; gap: 6px; }
.gft-steps li { padding-left: 4px; }
.gft-op__disc { margin: 22px 26px 24px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.gft-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 22px 26px 0; padding: 18px 20px; border-radius: 16px; background: var(--deep); color: #eaf3ee; }
.gft-cta p { flex: 1 1 220px; font-weight: 600; }
.gft-cta .gft-btn--line { border-color: rgba(255,255,255,.5); color: #fff !important; }
.gft-cta .gft-btn--line:hover { background: rgba(255,255,255,.1); }
.gft-cta:empty { display: none; }

/* Fakta & angka */
.gft-facts { margin: 0 26px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.gft-facts div { background: #fff; padding: 12px 14px; min-width: 0; }
.gft-facts dt { font-size: 13px; color: var(--muted); font-weight: 600; }
.gft-facts dd { margin-top: 2px; overflow-wrap: anywhere; }
.gft-facts code { font-family: var(--mono); font-size: 13px; word-break: break-all; }
.gft-facts .is-wide { grid-column: 1 / -1; }
.gft-op .gft-facts + .gft-note { margin: 8px 26px 0; }
.gft-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin: 18px 26px 0; }
.gft-stats div { padding: 14px 16px; border-radius: 14px; background: var(--wash); min-width: 0; }
.gft-stats dt { font-size: 13.5px; color: var(--muted); font-weight: 600; }
.gft-stats dd { margin-top: 4px; font-size: 18px; font-weight: 700; color: var(--deep); overflow-wrap: anywhere; }
.gft-stats small { font-weight: 600; color: var(--muted); }
.gft-stats--pp { margin: 22px 0 0; }
.gft-stats--pp div:nth-child(3) { background: var(--ok-bg); }
.gft-stats--pp.is-loss div:nth-child(3) { background: var(--bad-bg); }
.gft-stats--pp.is-loss div:nth-child(3) dd { color: var(--bad); }

/* Chip & tab */
.gft-chips, .gft-com { display: flex; flex-wrap: wrap; gap: 8px; }
.gft-chips button, .gft-com button {
	font: inherit; font-size: 14.5px; font-weight: 600; min-height: 40px; padding: 7px 14px; border-radius: 999px;
	border: 1.5px solid var(--line); background: #fff; color: var(--ink2); cursor: pointer; text-align: left;
}
.gft-chips button:hover, .gft-com button:hover { border-color: var(--g); color: var(--g); }
.gft-chips button[aria-pressed="true"], .gft-com button[aria-pressed="true"] { background: var(--g); border-color: var(--g); color: #fff; }
.gft-tabs { display: flex; gap: 4px; padding: 4px; background: var(--wash); border-radius: 14px; margin-bottom: 16px; flex-wrap: wrap; }
.gft-tabs button { flex: 1 1 auto; font: inherit; font-size: 15px; font-weight: 700; min-height: 42px; padding: 6px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--ink2); cursor: pointer; }
.gft-tabs button[aria-selected="true"] { background: #fff; color: var(--g); box-shadow: 0 1px 3px rgba(0,0,0,.08); }

/* Hari raya */
.gft-hd { margin-top: 18px; display: grid; gap: 10px; }
.gft-hd__i { display: grid; grid-template-columns: 74px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 12px 14px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.gft-hd__i.is-hl { border-color: var(--gold); background: #fffaf0; box-shadow: 0 0 0 2px rgba(217,169,59,.35); }
.gft-hd__i time { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 66px; border-radius: 12px; background: var(--wash); text-align: center; line-height: 1.1; }
.gft-hd__i time b { font-family: var(--serif); font-size: 28px; color: var(--deep); }
.gft-hd__i time span { font-size: 12.5px; color: var(--muted); margin-top: 3px; }
.gft-hd__t strong { display: block; font-size: 17px; color: var(--deep); }
.gft-hd__t span { display: block; font-size: 14px; color: var(--muted); }
.gft-hd__in { font-weight: 700; color: var(--g); white-space: nowrap; font-size: 15px; }
.gft-hd + .gft-note, [data-hd-f] { margin-top: 0; }

/* QR */
.gft-qr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 320px); gap: 28px; align-items: start; }
.gft-qr__form { display: grid; gap: 14px; min-width: 0; }
.gft-qr__preview { text-align: center; min-width: 0; }
.gft-qr__preview canvas { width: 100%; max-width: 280px; height: auto; aspect-ratio: 1; border: 1px solid var(--line); border-radius: 16px; background: #fff; image-rendering: pixelated; }
.gft-qr__preview .gft-actions { justify-content: center; }

/* Belum ada alat */
.gft-none h2 { font-family: var(--serif); font-size: 28px; color: var(--deep); }
.gft-none > p { margin-top: 8px; color: var(--ink2); max-width: 65ch; }
.gft-none__q { margin-top: 14px !important; padding: 12px 16px; border-left: 4px solid var(--gold); background: #fffaf0; border-radius: 8px; font-style: italic; overflow-wrap: anywhere; }
.gft-none__maybe { margin-top: 22px !important; font-weight: 600; }
.gft-none .gft-chips { margin-top: 10px; }

/* GCO Search */
.gft-search h2 { font-family: var(--serif); font-size: 26px; color: var(--deep); overflow-wrap: anywhere; }
.gft-search__for { font-size: 14px; font-weight: 600; color: var(--muted); }
.gft-search__h { margin: 26px 0 8px; font-size: 15px; font-weight: 700; color: var(--ink2); }
.gft-search__none { margin-top: 14px; color: var(--ink2); }
.gft-search__foot { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--line); }
.gft-search__foot .gft-none__maybe { margin-top: 14px !important; }
.gft-answer { margin-top: 18px; padding: 20px 22px; border-radius: 18px; background: linear-gradient(150deg, var(--g), var(--deep)); color: #eaf3ee; }
.gft-answer--more { background: var(--wash); color: var(--ink); margin-top: 10px; padding: 16px 20px; }
.gft-answer__label { font-size: 13.5px; font-weight: 700; color: #f6e2b0; }
.gft-answer--more .gft-answer__label { color: var(--g); }
.gft-answer__text { margin-top: 6px; font-size: 17.5px; line-height: 1.55; max-width: 75ch; }
.gft-answer--more .gft-answer__text { font-size: 16px; }
.gft-answer__link { display: inline-block; margin-top: 10px; font-weight: 700; color: var(--gold); overflow-wrap: anywhere; }
.gft-answer--more .gft-answer__link { color: var(--g); }
.gft-results { display: grid; gap: 4px; }
.gft-results li { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--line); }
.gft-results li:last-child { border-bottom: 0; }
.gft-results li > div { min-width: 0; }
.gft-results img { width: 72px; height: 72px; object-fit: cover; border-radius: 12px; flex-shrink: 0; }
.gft-results__site { font-size: 13.5px; color: var(--muted); overflow-wrap: anywhere; }
.gft-results__site span { color: var(--ok); }
.gft-results__title { display: inline-block; margin-top: 2px; font-size: 19px; font-weight: 600; line-height: 1.3; color: #1a4fa0; text-decoration: none; overflow-wrap: anywhere; }
.gft-results__title:hover { text-decoration: underline; }
.gft-results__title:visited { color: #5b3a8c; }
.gft-results__text { margin-top: 4px; font-size: 15px; color: var(--ink2); }
@media (max-width: 600px) {
	.gft-search h2 { font-size: 22px; }
	.gft-answer { padding: 16px; }
	.gft-results img { width: 56px; height: 56px; }
	.gft-results__title { font-size: 17px; }
}

/* Daftar alat */
.gft-browse { margin-top: 48px; scroll-margin-top: 90px; }
.gft-browse__head { display: grid; gap: 14px; margin-bottom: 20px; }
.gft-browse__head h2 { font-family: var(--serif); font-size: clamp(26px, 3.4vw, 34px); color: var(--deep); }
.gft-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
.gft-card { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: #fff; color: inherit; text-decoration: none !important; transition: border-color .15s, transform .15s; }
.gft-card:hover { border-color: var(--g); transform: translateY(-2px); }
.gft-card__icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: var(--wash); color: var(--g); }
.gft-card__name { font-weight: 700; font-size: 18px; color: var(--deep); line-height: 1.3; }
.gft-card__desc { font-size: 15px; color: var(--ink2); }

/* Janji */
.gft-promise { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 40px; padding: 26px; border-radius: 22px; background: var(--wash); }
.gft-promise h3 { font-size: 17px; color: var(--deep); }
.gft-promise p { font-size: 15px; color: var(--ink2); margin-top: 4px; }
.gft-noscript { margin-top: 20px; padding: 14px; background: var(--bad-bg); color: var(--bad); border-radius: 12px; }

@media (prefers-reduced-motion: reduce) {
	.gft * { transition: none !important; }
	.gft-card:hover { transform: none; }
}

/* Layar sedang */
@media (max-width: 860px) {
	.gft-hero { padding: 32px 26px 28px; }
	.gft-hero--bar { grid-template-columns: minmax(0, 1fr); }
	.gft-hero--bar .gft-bar__text { grid-row: auto; }
	.gft-panel { padding: 24px 20px; }
	.gft-form, .gft-form--ra, .gft-doc, .gft-qr { grid-template-columns: minmax(0, 1fr); }
	.gft-qr__preview { order: -1; }
	.gft-promise { grid-template-columns: minmax(0, 1fr); }
}
/* HP */
@media (max-width: 600px) {
	.gft { padding: 0 12px 32px; font-size: 16px; }
	.gft-hero { margin-top: 12px; padding: 24px 16px 22px; border-radius: 22px; }
	.gft-top { margin-bottom: 18px; }
	.gft-lead { font-size: 16px; }
	.gft-ask { flex-direction: column; align-items: stretch; padding: 10px; gap: 8px; border-radius: 18px; }
	.gft-ask textarea { font-size: 17px; padding: 8px 6px; min-height: 78px; }
	.gft-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.gft-stats div { padding: 12px; }
	.gft-stats dd { font-size: 16.5px; }
	.gft-go { width: 100%; }
	.gft-ask__input { min-height: 48px; font-size: 17px; padding: 0 6px; }
	.gft-panel { padding: 20px 14px; border-radius: 20px; }
	.gft-panel__head { grid-template-columns: auto minmax(0, 1fr); gap: 12px; }
	.gft-panel__head .gft-back { grid-column: 1 / -1; padding: 0; }
	.gft-panel__icon { width: 42px; height: 42px; }
	.gft-panel__head h2 { font-size: 23px; }
	.gft-op__head { padding: 18px 16px; border-left-width: 6px; }
	.gft-op h3 { margin: 18px 16px 8px; }
	.gft-reasons, .gft-steps, .gft-facts, .gft-stats { margin-left: 16px; margin-right: 16px; }
	.gft-op .gft-facts + .gft-note { margin: 8px 16px 0; }
	.gft-op__disc { margin: 18px 16px 18px; }
	.gft-cta { margin: 18px 16px 0; padding: 16px; }
	.gft-cta .gft-btn { width: 100%; }
	.gft-stats--pp { margin: 18px 0 0; }
	.gft-hd__i { grid-template-columns: 60px minmax(0, 1fr); gap: 10px 12px; }
	.gft-hd__in { grid-column: 2; }
	.gft-hd__i .gft-mini { grid-column: 1 / -1; justify-self: start; }
	.gft-hd__i time { min-height: 58px; }
	.gft-hd__i time b { font-size: 24px; }
	.gft-card { padding: 18px; }
	.gft-actions .gft-btn { flex: 1 1 100%; }
}
@media (max-width: 360px) {
	.gft { padding: 0 8px 28px; }
	.gft-hero { padding: 20px 12px; }
	.gft-panel { padding: 16px 10px; }
	.gft-grid { grid-template-columns: minmax(0, 1fr); }
	.gft-eg button, .gft-chips button, .gft-com button { font-size: 13.5px; padding: 6px 11px; }
}