:root {
  --blue: #1081fc;
  --blue-hover: #006add;
  --blue-ink: #0b63c5;
  --sky: #5ac8fa;
  --aqua: #2fd9e3;
  --indigo: #5b5bf0;
  --violet: #9b7bff;
  --ink: #0b0d12;
  --ink-2: #1d1d1f;
  --grey: #6e6e73;
  --bg: #ffffff;
  --bg-soft: #f5f5f7;
  --line: rgba(11, 13, 18, .08);
  --glow: conic-gradient(from 0deg, #1081fc, #5ac8fa, #2fd9e3, #1081fc, #5b5bf0, #9b7bff, #1081fc);
  --grad-text: linear-gradient(92deg, #1081fc 0%, #0d9fe8 26%, #1081fc 50%, #5b5bf0 76%, #8a6cf7 100%);
  --hair: linear-gradient(90deg, rgba(16, 129, 252, 0), rgba(16, 129, 252, .5) 22%, rgba(47, 217, 227, .5) 50%, rgba(91, 91, 240, .45) 78%, rgba(155, 123, 255, 0));
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", sans-serif;
  --card-shadow: 0 1px 1px rgba(11, 13, 18, .03), 0 14px 40px -18px rgba(16, 60, 130, .22);
  --header-h: 52px;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.47;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--blue-ink); text-decoration: none; }
p, ul, ol, figure, h1, h2, h3, h4 { margin: 0; }
ul { padding: 0; list-style: none; }
strong { font-weight: 600; }
:focus-visible { outline: 3px solid rgba(16, 129, 252, .5); outline-offset: 3px; border-radius: 12px; }

.wrap { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 640px) { .wrap { padding: 0 28px; } }

.skip { position: absolute; left: -9999px; top: 0; background: var(--ink); color: #fff; padding: 10px 14px; z-index: 100; border-radius: 0 0 12px 0; }
.skip:focus { left: 0; }


.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255, 255, 255, .72);
  -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid var(--line);
}
.header-inner { height: var(--header-h); display: flex; align-items: center; gap: 10px; }
.brand { display: inline-flex; align-items: center; flex: none; padding: 6px 0; }
.brand img { width: 88px; height: auto; }
.nav-main { display: none; }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.nav-link { font-size: 14.5px; font-weight: 500; color: var(--ink-2); white-space: nowrap; }
.nav-signin { display: none; }
@media (min-width: 386px) { .nav-signin { display: inline; } }
.menu-btn { display: inline-grid; place-items: center; width: 32px; height: 40px; margin-right: -6px; padding: 0; border: 0; background: transparent; border-radius: 12px; color: var(--ink); cursor: pointer; }
.menu-btn svg { width: 22px; height: 22px; display: block; }
.menu { border-top: 1px solid var(--line); }
.menu[hidden] { display: none; }
.menu ul { padding: 6px 0 14px; }
.menu a { display: block; padding: 13px 0; font-size: 19px; font-weight: 600; letter-spacing: -.015em; color: var(--ink); border-bottom: 1px solid var(--line); }
.menu a[aria-current="page"] { color: var(--blue-ink); }
.menu li:last-child a { border-bottom: 0; }
@media (min-width: 960px) {
  :root { --header-h: 56px; }
  .brand img { width: 104px; }
  .nav-main { display: flex; gap: 30px; margin-left: 40px; }
  .nav-main a { font-size: 14.5px; font-weight: 500; color: var(--ink-2); }
  .nav-main a:hover, .nav-link:hover { color: var(--blue-ink); }
  .nav-pricing, .menu-btn { display: none; }
  .menu { display: none !important; }
  .header-actions { gap: 22px; }
}


.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 50px; padding: 0 24px; border-radius: 999px; border: 1px solid transparent;
  font: 600 17px/1 var(--font); letter-spacing: -.01em; white-space: nowrap; cursor: pointer;
  transition: background-color .2s ease, transform .2s ease;
}
.btn svg { width: 18px; height: 18px; flex: none; }
.btn:active { transform: scale(.98); }
.btn-primary { background: var(--blue); color: #fff; box-shadow: 0 10px 26px -8px rgba(16, 129, 252, .55); }
.btn-primary:hover { background: var(--blue-hover); }
.btn-sm { height: 34px; padding: 0 14px; font-size: 14.5px; box-shadow: none; }
.btn-lg { height: 54px; padding: 0 30px; }
.btn-wa { height: 46px; padding: 0 18px; background: #fff; color: var(--ink); border-color: rgba(11, 13, 18, .12); font-size: 15.5px; font-weight: 500; }
.btn-wa svg { color: #1e8e3e; }


h1, h2 { font-weight: 600; letter-spacing: -.03em; color: var(--ink); text-wrap: balance; }
h1 { font-size: clamp(40px, 10.8vw, 84px); line-height: 1.05; }
h2 { font-size: clamp(31px, 7.6vw, 56px); line-height: 1.07; }
.h1a { display: block; }
.grad {
  background: var(--grad-text); background-size: 150% 100%; background-position: 0 50%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  padding-bottom: .1em;
}
.eyebrow { font-size: 15px; font-weight: 600; color: var(--blue-ink); letter-spacing: -.005em; margin-bottom: 10px; }
.lead { margin-top: 16px; font-size: 17px; line-height: 1.47; color: var(--grey); max-width: 38em; }
.more { display: inline-flex; align-items: center; gap: 3px; font-size: 17px; font-weight: 500; color: var(--blue-ink); }
.more svg { width: 16px; height: 16px; flex: none; transition: transform .2s ease; }
.more:hover svg { transform: translateX(3px); }
.after { margin-top: 26px; }
.center { text-align: center; }
.center .lead { margin-left: auto; margin-right: auto; }


.soon {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
  border: 1px solid var(--line); background: rgba(255, 255, 255, .6);
  font-size: 13.5px; font-weight: 500; line-height: 1.2; color: var(--grey); white-space: nowrap;
}
.soon svg { color: var(--blue); flex: none; }
.tag-soon { display: inline-block; margin-top: 14px; padding: 5px 11px; border-radius: 999px; background: rgba(16, 129, 252, .08); color: var(--blue-ink); font-size: 13px; font-weight: 600; line-height: 1.2; }
.tag-demo { margin-left: auto; padding: 4px 8px; border-radius: 999px; border: 1px solid var(--line); color: var(--grey); font-size: 10.5px; font-weight: 600; line-height: 1; letter-spacing: .08em; text-transform: uppercase; }


.hero { position: relative; overflow: hidden; padding: 22px 0 46px; text-align: center; }
.hero::after { content: ""; position: absolute; left: 8%; right: 8%; bottom: 0; height: 1px; background: var(--hair); }
.hero-in { position: relative; }
.kicker { display: inline-flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 500; color: var(--grey); }
.kicker .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(16, 129, 252, .14); flex: none; }
.hero h1 { margin-top: 12px; }
.hero-sub { margin: 14px auto 0; font-size: 17px; line-height: 1.45; color: var(--grey); max-width: 35em; text-wrap: balance; }
.hero-sub strong { color: var(--ink); font-weight: 500; }

.stage { position: relative; max-width: 680px; margin: 8px auto 0; }

.aura {
  position: absolute; z-index: 0; left: 50%; top: -6px; width: 330px; height: 330px; margin-left: -165px;
  border-radius: 50%; background: var(--glow); filter: blur(54px); opacity: .42; pointer-events: none;
}
.blu-clip { position: relative; z-index: 1; width: 220px; height: 172px; margin: 0 auto -35px; overflow: hidden; }
.blu-img { width: 150px; margin: 0 auto; }

.ask { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr); text-align: left; }
.askbar { grid-row: 1; grid-column: 1; position: relative; padding: 2px; border-radius: 30px; }
.ask-glow, .ask-ring { position: absolute; border-radius: inherit; overflow: hidden; pointer-events: none; transform: translateZ(0); }
.ask-ring { inset: 0; }
.ask-glow { inset: -3px; filter: blur(14px); opacity: .6; }
.ask-glow::before, .ask-ring::before {
  content: ""; position: absolute; left: 50%; top: 50%; width: 112%; aspect-ratio: 1; margin: -56% 0 0 -56%;
  background: var(--glow);
}
.ask-field {
  position: relative; z-index: 1; display: flex; align-items: center; gap: 10px;
  height: 66px; padding: 0 10px 0 16px; border-radius: 28px; background: #fff;
}
.ask-spark { flex: none; width: 24px; height: 24px; }
.ask-q { flex: 1; min-width: 0; font-size: 17px; line-height: 1.25; font-weight: 500; letter-spacing: -.012em; color: var(--ink); }
.ask-q::after { content: ""; display: inline-block; width: 2px; height: 1.05em; margin-left: 2px; vertical-align: -.16em; border-radius: 2px; background: var(--blue); }
.ask-send { flex: none; width: 38px; height: 38px; border-radius: 50%; background: var(--blue); display: grid; place-items: center; }
.ask-send svg { width: 18px; height: 18px; }


.ask-card {
  grid-row: 2 / 5; grid-column: 1; margin-top: 12px; border-radius: 26px;
  background: rgba(255, 255, 255, .7);
  -webkit-backdrop-filter: saturate(180%) blur(22px); backdrop-filter: saturate(180%) blur(22px);
  border: 1px solid var(--line); box-shadow: var(--card-shadow);
}
.ask-head { grid-row: 2; grid-column: 1; position: relative; display: flex; align-items: center; gap: 9px; margin-top: 12px; padding: 14px 16px 0; }
.avatar { width: 28px; height: 28px; border-radius: 50%; box-shadow: 0 0 0 1px var(--line); }
.who { font-size: 15.5px; font-weight: 600; letter-spacing: -.01em; }
.ask-a { grid-row: 3; grid-column: 1; position: relative; padding: 8px 16px 0; font-size: 17px; line-height: 1.4; min-height: calc(2.8em + 8px); }
.ask-acts { grid-row: 4; grid-column: 1; position: relative; display: flex; gap: 8px; padding: 12px 16px 16px; }
.ask-a, .ask-acts { transition: opacity .35s ease; }
.ask.swap .ask-a, .ask.swap .ask-acts, .ask.noacts .ask-acts { opacity: 0; }
.ask.noacts .ask-a { transform: translateY(26px); }

.ask-head::after {
  content: ""; position: absolute; left: 16px; top: calc(100% + 20px); width: 34px; height: 8px; opacity: 0; transition: opacity .25s ease;
  background: radial-gradient(circle at center, var(--blue) 0 3px, transparent 3.6px) 0 0 / 13px 8px repeat-x;
}
.ask.swap .ask-head::after { opacity: .45; }
@media (max-width: 359px) { .ask-a { min-height: calc(4.2em + 8px); } }
.fake-btn { display: inline-flex; align-items: center; height: 34px; padding: 0 15px; border-radius: 999px; border: 1px solid rgba(11, 13, 18, .12); background: rgba(255, 255, 255, .8); color: var(--ink-2); font-size: 14.5px; font-weight: 600; line-height: 1; user-select: none; -webkit-user-select: none; }
.fake-btn.primary { background: var(--blue); border-color: var(--blue); color: #fff; }


.chips { position: relative; z-index: 2; display: flex; gap: 8px; min-height: 38px; margin: 12px -16px 0; padding: 0 16px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.chips::-webkit-scrollbar { display: none; }
.chip {
  flex: none; height: 38px; margin: 0; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line);
  -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, .72);
  -webkit-backdrop-filter: saturate(180%) blur(16px); backdrop-filter: saturate(180%) blur(16px);
  font: 500 14.5px/1 var(--font); color: var(--ink-2); white-space: nowrap; cursor: pointer;
  transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}
.chip.on { color: var(--blue-ink); border-color: rgba(16, 129, 252, .45); background: rgba(16, 129, 252, .07); }

.hero-cta { position: relative; z-index: 2; margin-top: 24px; }
.cta-row { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.hero-cta .btn-primary { width: 100%; max-width: 380px; }
.hero-note { margin-top: 12px; font-size: 14.5px; color: var(--grey); }
.hero-note strong { color: var(--ink); font-weight: 600; }

@media (min-width: 640px) {
  .hero { padding: 44px 0 72px; }
  .hero-sub { font-size: 19px; margin-top: 18px; }
  .aura { width: 460px; height: 460px; margin-left: -230px; top: -30px; filter: blur(70px); }
  .blu-clip { width: 300px; height: 232px; margin-bottom: -33px; }
  .blu-img { width: 200px; }
  .askbar, .ask-field { border-radius: 999px; }
  .ask-field { height: 62px; padding: 0 12px 0 22px; gap: 12px; }
  .ask-q { font-size: 19px; }
  .ask-card { border-radius: 28px; }
  .ask-head { padding: 18px 22px 0; }
  .ask-head::after { left: 22px; }
  .ask-a { padding: 10px 22px 0; font-size: 19px; }
  .ask-acts { padding: 14px 22px 20px; }
  .cta-row { flex-direction: row; justify-content: center; gap: 18px; }
  .hero-cta .btn-primary { width: auto; }
  .hero-cta { margin-top: 30px; }
}
@media (min-width: 1040px) {
  .hero { padding: 56px 0 96px; }
  .hero-sub { font-size: 21px; line-height: 1.4; }
  .chips { flex-wrap: wrap; justify-content: center; overflow: visible; min-height: 84px; margin: 16px -160px 0; padding: 0; }
  .ask-a { min-height: calc(1.4em + 10px); }
  .ask.noacts .ask-a { transform: translateY(30px); }
}


.section { position: relative; padding: 76px 0; }
.soft { background: var(--bg-soft); }
@media (min-width: 960px) {
  .section { padding: 128px 0; }
  .lead { font-size: 21px; line-height: 1.4; }
  .eyebrow { font-size: 17px; margin-bottom: 12px; }
}


.with-blu { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 1fr auto auto; column-gap: 14px; align-items: end; }
.with-blu > div { display: contents; }
.with-blu .eyebrow { grid-column: 1; grid-row: 1; }
.with-blu h2 { grid-column: 1; grid-row: 2; }
.with-blu .lead { grid-column: 1 / -1; grid-row: 3; }
.blu-side { grid-column: 2; grid-row: 1 / 3; align-self: end; height: 124px; width: auto; }
@media (min-width: 960px) { .blu-side { height: 210px; } .with-blu { column-gap: 40px; } }


.qa-grid {
  display: grid; gap: 1px; margin-top: 34px; overflow: hidden;
  border: 1px solid var(--line); border-radius: 28px; background: rgba(11, 13, 18, .07); box-shadow: var(--card-shadow);
}
.qa { background: #fff; padding: 20px 20px 22px; }
.qa-q { font-size: 18px; font-weight: 600; letter-spacing: -.015em; line-height: 1.25; color: var(--ink); }
.qa-a { margin-top: 7px; font-size: 16px; line-height: 1.45; color: var(--grey); }
@media (min-width: 700px) { .qa-grid { grid-template-columns: repeat(2, 1fr); } .qa { padding: 26px 26px 28px; } }
@media (min-width: 1000px) { .qa-grid { grid-template-columns: repeat(3, 1fr); margin-top: 48px; } .qa { padding: 32px 30px 34px; } .qa-q { font-size: 21px; } .qa-a { font-size: 17px; } }


.split { display: grid; gap: 46px; align-items: center; }
@media (min-width: 960px) { .split { grid-template-columns: 1fr 1fr; gap: 72px; } .split.flip .split-copy { order: 2; } }
.stores { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 24px; }
.stores img { height: 44px; width: auto; }
.caption { margin-top: 22px; text-align: center; font-size: 13.5px; color: var(--grey); }


.phones { display: flex; gap: 5%; justify-content: center; align-items: flex-start; }
.phone { margin: 0; position: relative; isolation: isolate; container-type: inline-size; width: 44%; max-width: 250px; }
.phone .bezel {
  position: relative; padding: 2.25cqw; border: .45cqw solid #42474e; border-radius: 14cqw; background: #08090b;
  box-shadow: 0 .3cqw .6cqw rgba(0, 0, 0, .16), 0 10cqw 20cqw -8cqw rgba(16, 60, 130, .4), 0 3cqw 7cqw -3cqw rgba(0, 0, 0, .18);
}
.phone img, .phone .screen { display: block; width: 100%; aspect-ratio: 390 / 844; border-radius: 11.35cqw; }
.phone img { height: auto; object-fit: cover; object-position: top; }
.phone::before, .phone::after { content: ""; position: absolute; width: .7cqw; background: #3a3f45; z-index: -1; }
.phone::before { right: -.55cqw; top: 27%; height: 12.5%; border-radius: 0 .5cqw .5cqw 0; }
.phone::after { left: -.55cqw; top: 21%; height: 6.5%; border-radius: .5cqw 0 0 .5cqw; box-shadow: 0 9cqw 0 #3a3f45; }
.phones .phone:nth-child(2) { margin-top: 9%; }


.peek-wrap { position: relative; }
.peek { position: relative; z-index: 1; width: 140px; margin: 0 auto -6px; }
.agent-phone { width: 78%; max-width: 290px; margin: 0 auto; }
.agent-screen { background: #fff; overflow: hidden; display: flex; flex-direction: column; text-align: left; color: var(--ink); }
.am-head { padding: 7.9cqw 5cqw 5cqw; background: linear-gradient(180deg, #e8f2ff, #fff); text-align: center; }
.am-url { display: inline-block; margin-bottom: 4.3cqw; padding: 1.4cqw 3.6cqw; border-radius: 999px; border: 1px solid var(--line); background: #fff; font-size: 3.9cqw; line-height: 1.4; color: var(--grey); }
.am-avatar { width: 21.5cqw; height: 21.5cqw; margin: 0 auto; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(11, 13, 18, .14); display: grid; place-items: center; font-size: 7.5cqw; font-weight: 700; color: var(--blue-ink); }
.am-name { margin-top: 2.9cqw; font-size: 6.1cqw; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; }
.am-agency { font-size: 4.5cqw; line-height: 1.4; color: var(--grey); }
.am-actions { margin-top: 4.3cqw; display: flex; gap: 2.9cqw; justify-content: center; }
.am-actions .fake-btn { height: 10.8cqw; padding: 0 5.4cqw; font-size: 4.5cqw; }
.am-filters { display: flex; gap: 1.6cqw; padding: 3.6cqw; overflow: hidden; border-bottom: 1px solid var(--line); }
.am-chip { flex: none; padding: 1.6cqw 2.6cqw; border-radius: 999px; border: 1px solid rgba(11, 13, 18, .12); background: #fff; font-size: 3.5cqw; font-weight: 500; line-height: 1.3; color: var(--ink-2); }
.am-chip.on { background: var(--ink); border-color: var(--ink); color: #fff; }
.am-list { flex: 1; min-height: 0; display: grid; grid-template-rows: 1fr 1fr; gap: 3.6cqw; padding: 4.3cqw; }
.am-card { display: grid; grid-template-columns: 38% 1fr; gap: 3.6cqw; align-items: center; padding: 2.9cqw; border: 1px solid var(--line); border-radius: 5cqw; }
.am-photo { align-self: stretch; min-height: 23cqw; border-radius: 3.6cqw; position: relative; overflow: hidden; background: linear-gradient(160deg, #cfe2fb 0%, #e9f1fd 55%, #dbe7d4 56%, #c9dbc0 100%); }
.am-photo::after { content: ""; position: absolute; left: 50%; bottom: 24%; width: 16.4cqw; height: 10.4cqw; margin-left: -8.2cqw; background: #fff; opacity: .88; clip-path: polygon(0 40%, 50% 0, 100% 40%, 100% 100%, 0 100%); }
.am-photo.b { background: linear-gradient(160deg, #d3e0ff 0%, #eef2ff 55%, #d9e4cf 56%, #c5d6b8 100%); }
.am-title { font-size: 4.7cqw; font-weight: 600; line-height: 1.25; }
.am-sub { margin-top: .7cqw; font-size: 4.1cqw; line-height: 1.35; color: var(--grey); }
.am-bar { margin-top: 2.5cqw; height: 3.2cqw; width: 64%; border-radius: 2cqw; background: rgba(11, 13, 18, .08); }
.am-status { display: inline-block; margin-top: 2.2cqw; font-size: 3.6cqw; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #1e8e3e; }


.plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 860px; margin: 34px auto 0; }
.plan { position: relative; display: block; padding: 22px 6px 20px; border-radius: 22px; border: 1px solid var(--line); background: #fff; box-shadow: var(--card-shadow); text-align: center; color: var(--ink); }
.plan .amt { font-size: clamp(26px, 7.4vw, 52px); font-weight: 600; letter-spacing: -.03em; line-height: 1.05; }
.plan .per { margin-top: 6px; font-size: 12.5px; line-height: 1.3; color: var(--grey); }
.plan.rec { border-color: transparent; }
.plan.rec::before {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1.5px; pointer-events: none;
  background: linear-gradient(135deg, #1081fc, #5ac8fa 45%, #5b5bf0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
}
.tag-rec { display: inline-block; margin-top: 10px; padding: 5px 8px; border-radius: 999px; background: var(--blue); color: #fff; font-size: 11px; font-weight: 600; line-height: 1; }
@media (min-width: 700px) { .plans { gap: 18px; } .plan { padding: 36px 16px 32px; border-radius: 28px; } .plan .per { font-size: 15px; } .tag-rec { font-size: 13px; padding: 6px 12px; margin-top: 14px; } }


.faq { max-width: 860px; margin-top: 30px; padding: 4px 20px; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: var(--card-shadow); }
.faq details { border-bottom: 1px solid var(--line); }
.faq details:last-child { border-bottom: 0; }
.faq summary { position: relative; list-style: none; cursor: pointer; padding: 19px 36px 19px 0; font-size: 17.5px; font-weight: 600; letter-spacing: -.015em; line-height: 1.3; color: var(--ink); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: ""; position: absolute; right: 0; top: 50%; width: 22px; height: 22px; margin-top: -11px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231081fc' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 22px no-repeat;
  transition: transform .25s ease;
}
.faq details[open] summary::after { transform: rotate(45deg); }
.faq .answer { padding: 0 0 19px; max-width: 46em; font-size: 16.5px; line-height: 1.5; color: var(--grey); }
@media (min-width: 960px) { .faq { margin-top: 48px; padding: 8px 32px; } .faq summary { font-size: 21px; padding: 24px 40px 24px 0; } .faq .answer { font-size: 18px; padding-bottom: 24px; } }


.cta-dark { position: relative; isolation: isolate; overflow: hidden; border-radius: 32px; padding: 40px 22px 40px; background: #05070c; color: #fff; text-align: center; }
.cta-dark::before {
  content: ""; position: absolute; z-index: -1; left: 50%; top: -70px; width: 420px; height: 420px; margin-left: -210px;
  border-radius: 50%; background: var(--glow); filter: blur(64px); opacity: .6;
}
.cta-dark::after { content: ""; position: absolute; left: 12%; right: 12%; top: 0; height: 1px; background: var(--hair); }
.cta-blu { height: 156px; width: auto; margin: 0 auto 20px; }
.cta-dark h2 { color: #fff; }
.cta-dark p { margin-top: 12px; font-size: 17px; color: rgba(255, 255, 255, .74); }
.cta-dark .actions { margin-top: 26px; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.cta-dark .soon { color: rgba(255, 255, 255, .78); border-color: rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .06); }
.cta-dark .soon svg { color: var(--sky); }
@media (min-width: 960px) {
  .cta-dark { border-radius: 44px; padding: 64px 48px 72px; }
  .cta-dark::before { width: 620px; height: 620px; margin-left: -310px; top: -160px; filter: blur(90px); }
  .cta-blu { height: 210px; }
  .cta-dark p { font-size: 21px; }
  .cta-dark .actions { flex-direction: row; justify-content: center; gap: 18px; }
}


.site-footer { padding: 52px 0 30px; border-top: 1px solid var(--line); font-size: 15px; color: var(--grey); }
.footer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 24px; }
.footer-brand { grid-column: 1 / -1; }
.footer-brand img { width: 108px; }
.footer-brand p { margin-top: 12px; max-width: 30em; }
.footer-brand .btn { margin-top: 16px; }
.footer-brand .small { margin-top: 10px; font-size: 13.5px; }
.site-footer h4 { margin-bottom: 4px; font-size: 13px; font-weight: 600; color: var(--ink); }
.site-footer li { margin-top: 9px; }
.site-footer li a { color: var(--grey); }
.site-footer li a:hover { color: var(--ink); }
.footer-bottom { margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: 12.5px; }
@media (min-width: 900px) { .footer-grid { grid-template-columns: 1.6fr 1fr 1fr 1fr; } .footer-brand { grid-column: auto; } }


.powered { display: flex; justify-content: center; margin-top: 26px; }
.powered-pill { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px 0 5px; border-radius: 999px; border: 1px solid var(--line); background: #fff; box-shadow: 0 6px 16px -10px rgba(16, 60, 130, .35); font-size: 13px; font-weight: 500; color: var(--ink-2); }
.powered-pill img { width: 24px; height: 24px; border-radius: 50%; }


@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .aura { animation: v2-turn 28s linear infinite, v2-breathe 7s ease-in-out infinite; }
  .cta-dark::before { animation: v2-turn 32s linear infinite, v2-breathe-dark 8s ease-in-out infinite; }
  .ask-glow::before, .ask-ring::before { animation: v2-spin 8s linear infinite; }
  .ask-glow { animation: v2-pulse 6s ease-in-out infinite; }
  .grad { animation: v2-sheen 9s ease-in-out infinite alternate; }
  .ask-q::after { animation: v2-blink 1.05s steps(1) infinite; }
  .ask.swap .ask-head::after { animation: v2-think 1s ease-in-out infinite; }
  .js-rise [data-rise] { opacity: 0; transform: translateY(12px); transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .2, 1); }
  .js-rise [data-rise].in { opacity: 1; transform: none; }
  @keyframes v2-turn { to { rotate: 1turn; } }
  @keyframes v2-spin { to { transform: rotate(1turn); } }
  @keyframes v2-breathe { 0%, 100% { opacity: .36; scale: 1; } 50% { opacity: .5; scale: 1.08; } }
  @keyframes v2-breathe-dark { 0%, 100% { opacity: .5; scale: 1; } 50% { opacity: .68; scale: 1.06; } }
  @keyframes v2-pulse { 0%, 100% { opacity: .5; } 50% { opacity: .78; } }
  @keyframes v2-sheen { from { background-position: 0 50%; } to { background-position: 100% 50%; } }
  @keyframes v2-blink { 0%, 55% { opacity: 1; } 56%, 100% { opacity: 0; } }
  @keyframes v2-think { 0%, 100% { opacity: .22; } 50% { opacity: .6; } }
}


:root {
  --tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E");
  --demo-shadow: 0 0 0 1px var(--line), 0 4px 10px -6px rgba(16, 60, 130, .35);
}
.rest { padding-top: 0; }
.rest::before { content: ""; position: absolute; left: 12%; right: 12%; top: 0; height: 1px; background: var(--hair); }
.rest .section-head { padding-top: 64px; }
.features { display: grid; gap: 12px; margin-top: 34px; }
.feat { display: flex; align-items: center; gap: 16px; padding: 14px 18px 14px 14px; border-radius: 24px; background: var(--bg-soft); }
.feat h3 { font-size: 18px; font-weight: 600; letter-spacing: -.015em; line-height: 1.25; color: var(--ink); }
.feat p { margin-top: 5px; font-size: 15.5px; line-height: 1.42; color: var(--grey); }
@media (min-width: 700px) { .features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1040px) {
  .rest .section-head { padding-top: 112px; }
  .features { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 48px; }
  .feat { flex-direction: column; align-items: flex-start; gap: 18px; padding: 18px 20px 26px; border-radius: 28px; }
  .feat h3 { font-size: 19px; }
  .feat p { font-size: 16px; }
}
.also { margin-top: 34px; text-align: center; }
.also-label { font-size: 14px; font-weight: 600; color: var(--grey); }
.also-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; }
.also-list li { height: 36px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 999px; border: 1px solid var(--line); background: #fff; font-size: 14.5px; font-weight: 500; color: var(--ink-2); white-space: nowrap; }
.also-note { margin-top: 12px; font-size: 13.5px; color: var(--grey); }

@media (prefers-reduced-motion: no-preference) {

  .js-rise [data-stag] > * { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .2, 1); transition-delay: calc(var(--i, 0) * 80ms); }
  .js-rise [data-stag].in > * { opacity: 1; transform: none; }
  [data-stag] > :nth-child(2) { --i: 1; }
  [data-stag] > :nth-child(3) { --i: 2; }
  [data-stag] > :nth-child(4) { --i: 3; }
  [data-stag] > :nth-child(5) { --i: 4; }
  [data-stag] > :nth-child(6) { --i: 5; }
  [data-stag] > :nth-child(7) { --i: 6; }
  [data-stag] > :nth-child(8) { --i: 7; }
  [data-stag] > :nth-child(9) { --i: 8; }

  .js-rise .rest::before { transform: scaleX(0); transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); }
  .js-rise .rest.play::before { transform: scaleX(1); }

  .js-rise .peek-wrap .am-card { opacity: 0; transform: translateY(10px); transition: opacity .5s ease .35s, transform .5s cubic-bezier(.2, .7, .2, 1) .35s; }
  .js-rise .peek-wrap .am-card + .am-card { transition-delay: .5s; }
  .js-rise .peek-wrap.in .am-card { opacity: 1; transform: none; }

  .blu-img, .blu-side, .cta-blu { animation: v2-float 6.5s ease-in-out infinite; }
  .phones .phone { animation: v2-float 8s ease-in-out infinite; }
  .phones .phone:nth-child(2) { animation-delay: -4s; }
  .js-rise [data-play] .blu-img, .js-rise [data-play] .blu-side, .js-rise [data-play] .cta-blu, .js-rise [data-play] .phones .phone { animation-play-state: paused; }
  .js-rise [data-play].play .blu-img, .js-rise [data-play].play .blu-side, .js-rise [data-play].play .cta-blu, .js-rise [data-play].play .phones .phone { animation-play-state: running; }
  @keyframes v2-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
  @keyframes v2-s1 { 0%, 6% { opacity: 0; transform: var(--from); } 14%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: none; } }
  @keyframes v2-s2 { 0%, 20% { opacity: 0; transform: var(--from); } 28%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: none; } }
  @keyframes v2-s3 { 0%, 34% { opacity: 0; transform: var(--from); } 42%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: none; } }
  @keyframes v2-s4 { 0%, 48% { opacity: 0; transform: var(--from); } 56%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: none; } }
  @keyframes v2-s5 { 0%, 62% { opacity: 0; transform: var(--from); } 70%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: none; } }
}



.phone .shot { display: block; width: 100%; aspect-ratio: 390 / 844; border-radius: 11.35cqw; object-fit: cover; object-position: top; }

.sc i, .chat i { display: block; flex: none; font-style: normal; }
.sc em, .chat em { font-style: normal; }
.sc .bar, .chat .bar { height: 3cqw; border-radius: 99px; background: #dfe3ea; }
.sc .bar.blue, .chat .bar.blue { background: rgba(16, 129, 252, .38); }
.sc .bar.c { align-self: center; }
.sc .w30, .chat .w30 { width: 18cqw; } .sc .w40, .chat .w40 { width: 25cqw; } .sc .w55, .chat .w55 { width: 34cqw; } .sc .w70, .chat .w70 { width: 44cqw; } .sc .w80, .chat .w80 { width: 54cqw; }
.sc .ok, .chat .ok { width: 6.5cqw; height: 6.5cqw; border-radius: 50%; background: var(--blue) var(--tick) center / 74% no-repeat; }
.chat .tm.late { background: rgba(245, 158, 11, .4); }
.chat .box { width: 5.5cqw; height: 5.5cqw; border-radius: 1.6cqw; box-shadow: inset 0 0 0 .5cqw #c2c8d2; }
.sc .r { margin-left: auto; }


.talk { margin-top: 26px; }
.talk-chips { margin-top: 0; }
.talk-phone { width: 66%; max-width: 270px; margin: 22px auto 0; }
.chat, .sc { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 3cqw; padding: 15cqw 5.5cqw 6cqw; text-align: left; color: var(--ink); font-size: 5.3cqw; line-height: 1.2; }
.phone .chat, .phone .sc { display: flex; }
.chat { background: linear-gradient(180deg, #eef4ff, #fff 46%); }
.sc { background: #f5f5f7; }
.chat::before, .sc::before { content: ""; position: absolute; left: 50%; top: 3.4cqw; width: 27cqw; height: 7cqw; margin-left: -13.5cqw; border-radius: 99px; background: #0b0d12; }
.chat-top { display: flex; align-items: center; gap: 2.6cqw; padding-bottom: 3cqw; border-bottom: 1px solid var(--line); }
.chat-top .avatar { width: 9cqw; height: 9cqw; }
.chat-top b { font-weight: 600; }
.chat .qa { flex: 1; display: flex; flex-direction: column; gap: 3.6cqw; padding: 0; background: none; }
.chat .qa[hidden] { display: none; }
.chat .qa-q { align-self: flex-end; max-width: 86%; padding: 3.2cqw 4.2cqw; border-radius: 5.5cqw 5.5cqw 1.6cqw 5.5cqw; background: var(--blue); color: #fff; font-size: 5.7cqw; font-weight: 500; letter-spacing: 0; line-height: 1.28; }
.chat .qa-a { align-self: flex-start; max-width: 90%; margin: 0; padding: 3.2cqw 4.2cqw; border-radius: 5.5cqw 5.5cqw 5.5cqw 1.6cqw; background: #fff; box-shadow: 0 0 0 1px var(--line); color: var(--ink); font-size: 5.7cqw; line-height: 1.32; }
.qa-r { display: flex; flex-direction: column; align-items: flex-start; gap: 3.4cqw; margin-top: 1cqw; }
.talk:not(.js) .qa-r { display: none; }
.go-btn { display: inline-flex; align-items: center; height: 12cqw; padding: 0 6cqw; border-radius: 99px; background: var(--blue); color: #fff; font-size: 5.3cqw; font-weight: 600; }
.chat-bar { display: flex; align-items: center; justify-content: space-between; height: 14cqw; margin-top: auto; padding: 0 2cqw 0 5.5cqw; border-radius: 99px; background: #fff; box-shadow: 0 0 0 1px var(--line), 0 3cqw 7cqw -4cqw rgba(16, 60, 130, .3); }
.chat-bar .send { width: 10cqw; height: 10cqw; border-radius: 50%; background: var(--blue); }
.res { align-self: stretch; display: flex; flex-direction: column; gap: 3.6cqw; padding: 5.2cqw; border-radius: 4.5cqw; background: #fff; box-shadow: 0 0 0 1px var(--line), 0 3cqw 6cqw -4cqw rgba(16, 60, 130, .35); }
.res.line { flex-direction: row; align-items: center; gap: 3cqw; padding: 4.4cqw 4.6cqw; }
@media (min-width: 700px) { .talk-chips { justify-content: center; } }


.reel { display: flex; gap: 16px; margin-top: 30px; padding: 6px 16px 4px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 16px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.reel::-webkit-scrollbar { display: none; }
.feat2 { flex: none; width: 58%; max-width: 236px; margin: 0; scroll-snap-align: center; text-align: center; }
.feat2 .phone { width: 100%; max-width: none; }
.feat2 figcaption { margin-top: 14px; }
.feat2 figcaption b { display: block; font-size: 17px; font-weight: 600; letter-spacing: -.015em; color: var(--ink); }
.feat2 figcaption span { display: block; margin-top: 3px; font-size: 14px; line-height: 1.35; color: var(--grey); }
.rest .also-list { margin-top: 30px; }
@media (min-width: 900px) {
  .reel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 44px 24px; max-width: 1120px; margin: 48px auto 0; padding: 0 16px; overflow: visible; }
  .feat2 { width: auto; max-width: none; }
  .feat2 .phone { width: 92%; margin: 0 auto; }
  .rest .also-list { margin-top: 44px; }
}
.sc b { font-weight: 600; }
.s-ttl { font-size: 7.4cqw; font-weight: 700; letter-spacing: -.02em; text-align: center; }
.s-ph { height: 26cqw; border-radius: 3cqw; background: linear-gradient(135deg, #cfe3ff, #9cc8ff); }
.s-btn { display: flex; align-items: center; justify-content: center; height: 12.5cqw; border-radius: 99px; background: var(--blue); color: #fff; font-size: 5cqw; font-weight: 600; }


.real { position: relative; overflow: hidden; background: #fff; container-type: size; }
.real .shot { border-radius: 0; }
.ring { position: absolute; left: 3.5%; right: 3.5%; top: 0; height: var(--h); border-radius: 3.4cqw; background: rgba(16, 129, 252, .07); box-shadow: 0 0 0 .7cqw rgba(16, 129, 252, .6), 0 0 0 2.2cqw rgba(16, 129, 252, .14); transform: translateY(var(--y1)); }
.drawn { display: inline-block; font-style: normal; margin-left: 2px; padding: 1px 7px; border-radius: 99px; background: rgba(11, 13, 18, .06); font-size: 11.5px; font-weight: 600; color: var(--grey); vertical-align: 1px; }

.sc.sheet { justify-content: flex-end; padding: 0; background: linear-gradient(#b3b8c0, #9da2ab); }
.sc.sheet::before { display: none; }
.s-back { position: absolute; left: 6cqw; right: 6cqw; top: 9cqw; display: flex; flex-direction: column; gap: 3cqw; opacity: .55; }
.s-ph { height: 40cqw; border-radius: 4cqw; background: linear-gradient(135deg, #e3edfb, #c3d6f3); }
.s-back .bar { background: #eef0f4; }
.s-sheet { position: relative; display: flex; flex-direction: column; gap: 4cqw; padding: 9cqw 6cqw 12cqw; border-radius: 7cqw 7cqw 0 0; background: #fff; }
.s-sheet::before { content: ""; position: absolute; left: 50%; top: 3cqw; width: 9cqw; height: 1.4cqw; margin-left: -4.5cqw; border-radius: 99px; background: #dfe3ea; }
.s-ttl.c, .sc .bar.c { align-self: center; }
.s-ttl { text-align: left; }
.s-ttl.c { text-align: center; }
.s-line { display: flex; align-items: center; gap: 4cqw; }
.s-line > span { display: flex; flex-direction: column; gap: 1.2cqw; }
.s-line em { font-size: 4.3cqw; color: var(--grey); }
.s-logo { width: 9cqw; height: 9cqw; border-radius: 50%; background: linear-gradient(135deg, #1081fc, #5ac8fa); }
.s-logo.g { background: linear-gradient(135deg, #2fd9e3, #34d399); }
.s-chk { position: relative; width: 7.6cqw; height: 7.6cqw; border-radius: 1.7cqw; box-shadow: inset 0 0 0 .6cqw #c2c8d2; }
.s-chk i { position: absolute; inset: 0; border-radius: 1.7cqw; background: var(--blue) var(--tick) center / 70% no-repeat; }
.sc .s-blu { width: 24cqw; height: 24cqw; aspect-ratio: auto; align-self: center; border-radius: 50%; }
.chat-top .tag-demo { margin-left: auto; }


.faq summary { padding: 16px 36px 16px 0; font-size: 17px; }
.faq .answer { padding: 0 0 16px; max-width: 34em; font-size: 16px; line-height: 1.45; }


.cta-halo { position: absolute; z-index: -1; left: 50%; top: 18px; width: 220px; height: 220px; margin-left: -110px; border-radius: 50%; background: conic-gradient(from 0deg, #1081fc, #5ac8fa, #2fd9e3, #5b5bf0, #9b7bff, #1081fc); filter: blur(30px); opacity: .5; }
.facts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 16px; }
.facts li { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .07); color: rgba(255, 255, 255, .9); font-size: 14.5px; font-weight: 500; white-space: nowrap; }
@media (min-width: 960px) { .cta-halo { top: 40px; width: 280px; height: 280px; margin-left: -140px; } .facts li { height: 38px; font-size: 16px; } }


@media (prefers-reduced-motion: no-preference) {

  .sc :is(.a1, .a2, .a3, .a4, .a5, .press) { animation-duration: 6s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: cubic-bezier(.2, .7, .2, 1); --from: translateY(2.5cqw); }
  .sc .a1 { animation-name: v2-s1; } .sc .a2 { animation-name: v2-s2; } .sc .a3 { animation-name: v2-s3; } .sc .a4 { animation-name: v2-s4; } .sc .a5 { animation-name: v2-s5; }
  .sc .press { animation-name: v2-press; }
  .sc .s-chk i { --from: scale(.4); }
  .real .ring { animation: v2-ring 7.5s cubic-bezier(.4, 0, .2, 1) infinite both; }
  .js-rise .real .ring { animation-play-state: paused; }
  .js-rise .real.play .ring { animation-play-state: running; }
  @keyframes v2-ring { 0%, 6% { opacity: 0; transform: translateY(var(--y1)); } 12%, 30% { opacity: 1; transform: translateY(var(--y1)); } 38%, 58% { opacity: 1; transform: translateY(var(--y2)); } 66%, 88% { opacity: 1; transform: translateY(var(--y3)); } 96%, 100% { opacity: 0; transform: translateY(var(--y3)); } }
  .js-rise .sc :is(.a1, .a2, .a3, .a4, .a5, .press) { animation-play-state: paused; }
  .js-rise .sc.play :is(.a1, .a2, .a3, .a4, .a5, .press) { animation-play-state: running; }

  .talk.js .qa.go .qa-q { animation: v2-in .4s cubic-bezier(.2, .7, .2, 1) both; }
  .talk.js .qa.go .qa-a { animation: v2-in .45s cubic-bezier(.2, .7, .2, 1) .6s both; }
  .talk.js .qa.go .qa-r > * { animation: v2-in .5s cubic-bezier(.2, .7, .2, 1) 1.3s both; }
  .talk.js .qa.go .qa-r > * + * { animation-delay: 1.9s; }

  .faq details[open] .answer { animation: v2-in .35s cubic-bezier(.2, .7, .2, 1) both; }

  .cta-halo { animation: v2-halo 14s linear infinite; }
  .cta-blu { animation: v2-cheer 4.6s ease-in-out infinite; }
  .js-rise [data-play] .cta-halo { animation-play-state: paused; }
  .js-rise [data-play].play .cta-halo { animation-play-state: running; }
  @keyframes v2-in { from { opacity: 0; transform: translateY(8px); } }
  @keyframes v2-press { 0%, 14% { transform: none; } 18% { transform: scale(.94); } 23%, 100% { transform: none; } }
  @keyframes v2-halo { 0% { transform: rotate(0deg) scale(1); opacity: .4; } 50% { transform: rotate(180deg) scale(1.14); opacity: .62; } 100% { transform: rotate(360deg) scale(1); opacity: .4; } }
  @keyframes v2-cheer { 0%, 100% { transform: translateY(0) rotate(-2.5deg); } 50% { transform: translateY(-8px) rotate(2.5deg); } }
}


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}


.pc-row { position: relative; display: flex; gap: 12px; margin: 22px -16px 0; padding: 18px 0 22px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.pc-row::-webkit-scrollbar { display: none; }

.pc-row::before, .pc-row::after { content: ""; flex: 0 0 calc(max(11vw, 50vw - 165px) - 12px); }
.pc { position: relative; flex: 0 0 78vw; max-width: 330px; scroll-snap-align: center; display: flex; flex-direction: column; padding: 22px 20px 18px; border-radius: 26px; border: 1px solid var(--line); background: #fff; box-shadow: var(--card-shadow); text-align: left; }
.pc-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 26px; }
.pc h3 { font-size: 21px; font-weight: 600; letter-spacing: -.02em; line-height: 1.15; color: var(--ink); }
.pc-tag { flex: none; padding: 6px 10px; border-radius: 999px; background: var(--blue); color: #fff; font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; }
.pc-for { margin-top: 6px; min-height: 3.96em; font-size: 14.5px; line-height: 1.32; color: var(--grey); }
.pc-price { display: flex; align-items: flex-end; gap: 8px; margin-top: 10px; }
.pc-price b { font-size: 46px; font-weight: 600; letter-spacing: -.035em; line-height: .95; color: var(--ink); }
.pc-price span { padding-bottom: 2px; font-size: 13px; line-height: 1.2; color: var(--grey); }
.pc-list { display: grid; gap: 9px; margin: 16px 0 0; padding: 15px 0 0; list-style: none; border-top: 1px solid var(--line); }
.pc-list li { position: relative; padding-left: 27px; font-size: 15px; line-height: 1.3; color: var(--ink-2); }
.pc-list li::before, .proof li::before { content: ""; position: absolute; left: 0; top: 0; width: 19px; height: 19px; border-radius: 50%; background: rgba(16, 129, 252, .12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b63c5' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4.2 4.2L18.5 8'/%3E%3C/svg%3E") center / 11px no-repeat; }
.pc-list b { font-weight: 650; color: var(--ink); }
.pc-btn { width: 100%; height: 48px; margin-top: auto; }
.pc-list + .pc-btn { margin-top: 20px; }
.btn.pc-btn:not(.btn-primary) { background: #fff; color: var(--blue-ink); border-color: rgba(16, 129, 252, .4); }
.btn.pc-btn:not(.btn-primary):hover { background: rgba(16, 129, 252, .06); }
.pc-free { margin-top: 10px; font-size: 13px; line-height: 1.2; color: var(--grey); text-align: center; }
.pc.rec { border-color: transparent; background: linear-gradient(180deg, #eef6ff 0%, #fff 42%); box-shadow: 0 1px 1px rgba(11, 13, 18, .03), 0 24px 48px -20px rgba(16, 129, 252, .55); }
.pc.rec::before {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 2px; pointer-events: none;
  background: linear-gradient(135deg, #1081fc, #5ac8fa 45%, #5b5bf0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
}
.pc-hint { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 13px; line-height: 1; color: var(--grey); }
.pc-dots { display: inline-flex; gap: 6px; }
.pc-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(11, 13, 18, .18); transition: background-color .2s ease, transform .2s ease; }
.pc-dots i.on { background: var(--blue); transform: scale(1.3); }
.pc-foot { margin-top: 16px; font-size: 12.5px; line-height: 1.35; color: var(--grey); text-align: center; }
@media (min-width: 640px) and (max-width: 699px) { .pc-row { margin-left: -28px; margin-right: -28px; } }
@media (min-width: 700px) {
  .pc-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 16px; max-width: 1000px; margin: 40px auto 0; padding: 16px 0; overflow: visible; }
  .pc-row::before, .pc-row::after { content: none; }
  .pc { max-width: none; padding: 26px 20px 20px; }
  .pc.rec { padding-top: 42px; padding-bottom: 36px; }
  .pc-hint { display: none; }
  .pc-foot { margin-top: 20px; font-size: 13.5px; }
}
@media (min-width: 1000px) {
  .pc-row { gap: 20px; }
  .pc { padding: 30px 28px 24px; border-radius: 30px; }
  .pc.rec { padding-top: 48px; padding-bottom: 42px; }
  .pc h3 { font-size: 23px; }
  .pc-for { font-size: 15.5px; }
  .pc-price b { font-size: 54px; }
  .pc-price span { font-size: 14px; }
  .pc-list li { font-size: 16px; }
}

@media (min-width: 1040px) { .talk-chips { margin-left: 0; margin-right: 0; } }


.ban { position: relative; isolation: isolate; overflow: hidden; border-radius: 32px; padding: 36px 20px 34px; border: 1px solid var(--line); background: #fff; text-align: center; }
.ban h2 { font-size: clamp(30px, 7.8vw, 52px); line-height: 1.06; letter-spacing: -.032em; color: var(--ink); }
.ban .btn svg { width: 18px; height: 18px; }
.ban-b { padding-bottom: 0; background: radial-gradient(120% 62% at 50% 100%, rgba(90, 200, 250, .3), rgba(90, 200, 250, 0) 72%), linear-gradient(180deg, #fff 0%, #f3f8ff 100%); }
.ban-b .btn { margin-top: 22px; }
.ban-small { margin-top: 12px; font-size: 12.5px; line-height: 1.3; color: var(--grey); }
.ban-peek { width: 66%; max-width: 250px; min-height: 0; margin: 28px auto 0; aspect-ratio: 390 / 476; }
.ban-peek .phone { width: 100%; max-width: none; }
.review { max-width: 800px; margin: 0 auto; text-align: center; }
.rv-mark { display: block; height: 50px; font-size: 96px; font-weight: 700; line-height: 1; background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.review blockquote { margin: 8px 0 0; font-size: clamp(23px, 5.9vw, 36px); font-weight: 600; letter-spacing: -.028em; line-height: 1.2; color: var(--ink); }
.review figcaption { display: grid; justify-items: center; gap: 2px; margin-top: 22px; }
.review strong { font-size: 17px; font-weight: 600; color: var(--ink); }
.rv-agency { font-size: 15px; line-height: 1.3; color: var(--grey); }
@media (min-width: 900px) {
  .ban { border-radius: 40px; }
  .ban-b { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 72px; padding: 0 96px 0 72px; text-align: left; }
  .ban-b .ban-copy { padding: 64px 0; }
  .ban-b .btn { margin-top: 28px; }
  .ban-peek { width: 264px; max-width: none; margin: 56px 0 0; align-self: end; }
  .review figcaption { margin-top: 28px; }
  .review strong { font-size: 18px; }
  .rv-agency { font-size: 16px; }
}


.review figcaption { display: flex; align-items: center; justify-content: center; gap: 14px; }
.review figcaption div { display: flex; flex-direction: column; gap: 1px; text-align: left; }
.rv-photo { flex: none; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.works { padding: 28px 0 32px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.works-h { text-align: center; font-size: 13.5px; font-weight: 600; line-height: 1.2; color: var(--grey); }
.works-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 22px; margin: 16px 0 0; padding: 0; list-style: none; }
.works-list li { display: flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 500; line-height: 1.2; color: var(--ink-2); white-space: nowrap; }
.works-list img { flex: none; width: auto; height: 24px; }
@media (min-width: 360px) { .works-list { display: grid; grid-template-columns: repeat(2, max-content); gap: 15px 26px; } }
@media (min-width: 700px) {
  .works { padding: 34px 0 38px; }
  .works-list { grid-template-columns: repeat(4, max-content); gap: 18px 30px; margin-top: 20px; }
  .works-list li { font-size: 16px; }
  .works-list img { height: 26px; }
}
@media (min-width: 900px) { .works-list { gap: 20px 52px; } }


.show-grid { display: grid; gap: 14px; margin-top: 36px; }
.sb { position: relative; overflow: hidden; min-width: 0; border-radius: 28px; background: var(--bg-soft); padding: 26px 20px 24px; display: grid; gap: 24px; align-content: start; }
.sb-copy { min-width: 0; }
.sb-tag { font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--blue-ink); }
.sb h3 { margin: 8px 0 0; font-size: 26px; line-height: 1.12; letter-spacing: -.022em; font-weight: 600; color: var(--ink); }
.sb-line { margin-top: 10px; font-size: 16px; line-height: 1.45; color: var(--grey); max-width: 34em; }
.sb-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 0; padding: 0; list-style: none; }
.sb-chips li { height: 30px; padding: 0 12px; display: inline-flex; align-items: center; border-radius: 999px; background: #fff; border: 1px solid var(--line); font-size: 13.5px; font-weight: 500; color: var(--ink-2); white-space: nowrap; }
.sb-works { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 14px; }
.sb-works span { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 500; color: var(--ink-2); }
.sb-works img { height: 20px; width: auto; }
.sb-vis { position: relative; min-width: 0; }
.show .caption { margin-top: 26px; }
.show-get { margin-top: 26px; text-align: center; }
.show-get .stores { justify-content: center; margin-top: 0; }
.show-get .after { margin-top: 16px; }


.mapwin { display: none; }
.mapphones { display: flex; justify-content: center; align-items: flex-start; gap: 5%; }
.mp { width: 46%; max-width: 240px; }
.mp .phone { width: 100%; max-width: none; }
.mp-b { margin-top: 9%; }
.mp-cap { margin-top: 10px; text-align: center; font-size: 13.5px; font-weight: 600; color: var(--ink-2); }
.pins { position: absolute; inset: 0; }
.pin, .clus { position: absolute; transform: translate(-50%, -50%); font-style: normal; }
.pin { width: 8.2cqw; aspect-ratio: 1; background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='14' fill='%2364748B' fill-opacity='0.2'/%3E%3Ccircle cx='16' cy='16' r='8' fill='%2364748B' fill-opacity='0.75'/%3E%3C/svg%3E") center / contain no-repeat; }
.pin.r { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23EA4335' fill-opacity='0.2'/%3E%3Ccircle cx='16' cy='16' r='8' fill='%23EA4335' fill-opacity='0.75'/%3E%3C/svg%3E"); }
.clus { width: 10.4cqw; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; background: rgba(16, 129, 252, .92); box-shadow: 0 0 0 1.5cqw rgba(16, 129, 252, .3), 0 0 0 3cqw rgba(16, 129, 252, .14); color: #fff; font: 600 4.2cqw/1 var(--font); }
.cad { background: #dde3ea; }
.cadmap { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.cadmap text { font-family: var(--font); font-weight: 500; }
.cad-search, .cad-ctl, .cad-lay { position: absolute; font-style: normal; background: #fff; box-shadow: 0 .5cqw 2.4cqw rgba(15, 30, 60, .16); }
.cad-search { left: 6%; right: 6%; top: 1.7cqh; height: 5.8cqh; border-radius: 99cqw; display: flex; align-items: center; gap: 2.8cqw; padding: 0 4.8cqw; font: 400 4.3cqw/1 var(--font); color: #8a94a6; }
.cad-search svg { width: 5.4cqw; height: 5.4cqw; flex: none; }
.cad-ctl { right: 4.4%; top: 50.6cqh; width: 11cqw; border-radius: 5.5cqw; display: grid; color: #5b6676; }
.cad-ctl svg { display: block; width: 11cqw; height: 10.4cqw; padding: 2.9cqw; box-sizing: border-box; }
.cad-lay { right: 4.4%; top: 62.4cqh; width: 11cqw; height: 11cqw; border-radius: 50%; display: grid; place-items: center; background: var(--blue); color: #fff; }
.cad-lay svg { width: 5.6cqw; height: 5.6cqw; }
.cad-tabs { position: absolute; left: 0; right: 0; bottom: 0; height: 8.7cqh; background: #fff; border-top: 1px solid #edf0f4; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; padding: 0 2cqw .8cqh; }
.cad-tabs span { display: grid; justify-items: center; gap: .9cqw; font: 500 3cqw/1 var(--font); color: #7a8699; }
.cad-tabs svg { width: 6cqw; height: 6cqw; }
.cad-tabs .on { color: var(--blue); }


.lv { display: grid; gap: 16px; }
.lcards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; min-width: 0; }
.deed { display: grid; grid-template-columns: 44% minmax(0, 1fr); gap: 16px; align-items: center; }
.deed .phone { width: 100%; max-width: 230px; }
.dfacts { margin: 0; background: #fff; border-radius: 16px; padding: 4px 14px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 10px 24px -16px rgba(15, 30, 60, .3); }
.dfacts div { padding: 10px 0; border-top: 1px solid #eef0f3; }
.dfacts div:first-child { border-top: 0; }
.dfacts dt { font-size: 12px; color: var(--grey); }
.dfacts dd { margin: 2px 0 0; font-size: 14.5px; font-weight: 600; letter-spacing: -.01em; color: var(--ink); overflow-wrap: anywhere; }
.lc { min-width: 0; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 10px 24px -16px rgba(15, 30, 60, .3); padding-bottom: 11px; display: grid; align-content: start; }
.lc-ph { position: relative; }
.lc-ph img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.lc-st { position: absolute; left: 8px; top: 8px; height: 22px; padding: 0 9px 0 7px; display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; background: rgba(255, 255, 255, .95); font: 600 11.5px/1 var(--font); font-style: normal; color: #0f7a4d; }
.lc-st::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #17b26a; }
.lc-st.d { color: #5b6676; }
.lc-st.d::before { background: #9aa4b2; }
.lc > b { margin: 10px 12px 0; font-size: clamp(13px, 4.1vw, 15.5px); white-space: nowrap; letter-spacing: -.01em; font-weight: 600; color: var(--ink); }
.lc > span { margin: 3px 12px 0; font-size: 12.5px; line-height: 1.3; color: var(--ink-2); }
.lc > small { margin: 3px 12px 0; font-size: 12px; color: var(--grey); }
.lc-por { margin: 9px 12px 0; display: flex; gap: 9px; align-items: center; }
.lc-por img { height: 13px; width: auto; }
.lc:nth-child(n+3) { display: none; }


.dayrow { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 20px; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin: 0 -20px; padding: 4px 20px 2px; }
.dayrow::-webkit-scrollbar { display: none; }
.dp { flex: none; width: 43%; max-width: 190px; margin: 0; text-align: center; scroll-snap-align: start; }
.dp .phone { width: 100%; max-width: none; }
.dp figcaption { margin-top: 10px; font-size: 13.5px; font-weight: 600; color: var(--ink-2); }


.papers { display: flex; justify-content: center; align-items: center; padding: 10px 0 8px; }
.paper { container-type: inline-size; position: relative; flex: none; width: 35%; max-width: 200px; aspect-ratio: 210 / 297; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 18px 36px -18px rgba(15, 30, 60, .38); }
.paper:nth-child(1) { transform: rotate(-4deg); margin-right: -4%; }
.paper:nth-child(2) { z-index: 2; transform: translateY(-3%); }
.paper:nth-child(3) { transform: rotate(3deg); margin-left: 1.5%; }
.pg { position: absolute; inset: 0; display: flex; flex-direction: column; }
.pb-ph { height: 45%; flex: none; }
.pb-ph img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pb-in { padding: 6cqw 7cqw 0; display: grid; gap: 1.5cqw; }
.pb-in em { font: 700 3.6cqw/1 var(--font); font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: var(--blue-ink); }
.pb-in b { font-size: 8cqw; line-height: 1.1; letter-spacing: -.02em; color: var(--ink); }
.pb-in span { font-size: 5cqw; line-height: 1.1; color: var(--grey); }
.pb-in strong { margin-top: 1.6cqw; font-size: 7.4cqw; line-height: 1; letter-spacing: -.01em; color: var(--blue-ink); }
.pb-sp { display: flex; gap: 2cqw; margin-top: 2cqw; }
.pb-sp i { font: 500 3.7cqw/1 var(--font); font-style: normal; color: var(--ink-2); background: var(--bg-soft); border-radius: 99px; padding: 1.7cqw 2.4cqw; white-space: nowrap; }
.pb-ag { position: absolute; left: 7cqw; right: 7cqw; bottom: 5.5cqw; display: flex; align-items: center; gap: 2.6cqw; padding-top: 4cqw; border-top: 1px solid #eef0f3; font-size: 3.9cqw; line-height: 1.25; color: var(--grey); }
.pb-ag u { flex: none; width: 8.6cqw; height: 8.6cqw; border-radius: 50%; background: var(--blue); color: #fff; display: grid; place-items: center; font: 600 3.5cqw/1 var(--font); text-decoration: none; }
.pb-ag b { display: block; font-size: 4.2cqw; color: var(--ink); }
.pm .pg { padding: 8cqw 7.5cqw; }
.pm-h { font-size: 8.4cqw; line-height: 1.1; letter-spacing: -.02em; color: var(--ink); }
.pm-sub { margin-top: 1.4cqw; font-size: 4.2cqw; color: var(--grey); }
.pm-dl { margin-top: 5cqw; padding-top: 4cqw; border-top: 1px solid #e7eaee; display: grid; gap: 2.2cqw; }
.pm-dl p { margin: 0; display: flex; justify-content: space-between; gap: 3cqw; font-size: 4.1cqw; line-height: 1.3; color: var(--grey); }
.pm-dl p b { font-weight: 600; color: var(--ink); text-align: right; }
.pm-tx { margin-top: 5.5cqw; display: grid; gap: 2.3cqw; }
.pm-tx i { display: block; height: 1.7cqw; border-radius: 9px; background: #e9ecf0; }
.pm-sig { margin-top: auto; display: grid; gap: 1.4cqw; font-size: 3.7cqw; color: var(--grey); }
.pm-sig svg { width: 46%; height: auto; }
.pm-sig i { display: block; width: 62%; height: 1px; background: #c6ccd4; }
.pr { background: #f4f6f8; }
.pr .pg { padding: 7cqw 6cqw; }
.pr-ag { font-size: 4cqw; color: #526074; }
.pr-h { margin-top: 1.2cqw; font-size: 6.8cqw; line-height: 1.25; letter-spacing: -.01em; color: #111827; }
.pr-w { margin-top: 1.6cqw; font-size: 4.1cqw; line-height: 1.4; color: #4b5563; }
.pr-st { margin-top: 3.6cqw; display: grid; grid-template-columns: 1fr 1fr; gap: 3cqw; }
.pr-c { background: #fff; border: 1px solid #e5e7eb; border-radius: 4.6cqw; padding: 3.8cqw 4.2cqw; }
.pg > .pr-c { margin-top: 3cqw; }
.pr-c small { display: block; font-size: 3.6cqw; line-height: 1.25; color: #64748b; }
.pr-c strong { display: block; margin-top: .6cqw; font-size: 8.2cqw; line-height: 1.15; font-weight: 600; color: #111827; }
.pr-c > b { display: block; font-size: 4.3cqw; line-height: 1.25; color: #111827; }
.pr-c p { margin: 1.5cqw 0 0; padding-top: 1.5cqw; border-top: 1px solid #eef1f5; display: flex; justify-content: space-between; font-size: 4cqw; line-height: 1.3; color: #374151; }
.pr-c p b { color: #111827; }


.chan { display: grid; grid-template-columns: 44% minmax(0, 1fr); gap: 14px; align-items: center; }
.post { container-type: inline-size; position: relative; width: 100%; max-width: 250px; justify-self: center; aspect-ratio: 4 / 5; border-radius: 14px; overflow: hidden; background: #1b2430; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 18px 36px -18px rgba(15, 30, 60, .45); }
.post img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.post::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 14, 24, 0) 38%, rgba(8, 14, 24, .78) 100%); }
.post-tag { position: absolute; z-index: 1; left: 6cqw; top: 6cqw; padding: 2.4cqw 4cqw; border-radius: 99px; background: #fff; font: 700 4.4cqw/1 var(--font); font-style: normal; color: var(--blue-ink); }
.post-in { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 7cqw; display: grid; gap: 1.6cqw; color: #fff; }
.post-in b { font-size: 10cqw; line-height: 1.05; letter-spacing: -.02em; }
.post-in span { font-size: 5.2cqw; line-height: 1.25; opacity: .95; }
.post-in small { font-size: 4.5cqw; opacity: .82; }
.post-in u { margin-top: 2cqw; font-size: 4.2cqw; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; opacity: .9; }
.waset { min-width: 0; background: #fff; border-radius: 16px; padding: 12px 12px 4px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 10px 24px -16px rgba(15, 30, 60, .3); }
.waset-h { display: flex; align-items: center; gap: 9px; padding-bottom: 10px; }
.waset-h img { width: 24px; height: 24px; flex: none; }
.waset-h b { display: block; font-size: 14px; line-height: 1.2; font-weight: 600; color: var(--ink); }
.waset-h em { display: block; margin-top: 1px; font-style: normal; font-size: 11.5px; line-height: 1.3; font-weight: 600; color: #0f7a4d; }
.waset-r { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 8px 0; border-top: 1px solid #eef0f3; }
.waset-r b { display: block; font-size: 13px; font-weight: 600; color: var(--ink); }
.waset-r span { display: none; margin-top: 2px; font-size: 11.5px; line-height: 1.3; color: var(--grey); }
.tog { position: relative; flex: none; width: 30px; height: 18px; border-radius: 999px; background: var(--blue); }
.tog::after { content: ""; position: absolute; right: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; }

@media (min-width: 620px) {
  .lcards { gap: 12px; }
  .lc:nth-child(n+3) { display: grid; }
  .lv { grid-template-columns: minmax(0, 1fr) 210px; gap: 20px; align-items: center; }
  .deed { display: block; }
  .dfacts { display: none; }
  .waset-r span { display: block; }
  .dayrow { margin: 0; padding: 4px 0 2px; overflow: visible; justify-content: space-between; }
  .dp { width: 23%; max-width: none; }
  .paper { max-width: 230px; }
  .waset { padding: 14px 16px 6px; }
}
@media (min-width: 900px) {
  .show-grid { grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 44px; }
  .sb { padding: 38px 38px 34px; border-radius: 32px; gap: 28px; }
  .sb h3 { font-size: 30px; }
  .sb.wide { grid-column: 1 / -1; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 44px; align-items: center; }
  .sb:not(.wide) { grid-template-rows: auto 1fr; }
  .sb:not(.wide) .sb-vis { align-self: center; }
  .mapvis { padding-bottom: 30px; }
  .paper { width: 37%; }
  .mapwin { display: block; container-type: inline-size; margin-right: 8%; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 26px 60px -26px rgba(15, 30, 60, .42); }
  .mw-bar { display: flex; align-items: center; gap: 5px; height: 24px; padding: 0 10px; background: #eceef2; }
  .mw-bar b { width: 8px; height: 8px; border-radius: 50%; background: #c7ccd4; }
  .mw-body { position: relative; }
  .mw-body img { display: block; width: 100%; height: auto; }
  .mw-search { position: absolute; left: 21.9%; top: 11.3%; width: 30%; height: 3.9%; display: flex; align-items: center; background: #fff; font: 400 1.14cqw/1 var(--font); font-style: normal; color: #1f2937; padding-left: .3cqw; }
  .mapwin .pin { width: 2.8cqw; }
  .mapwin .clus { width: 3.5cqw; font-size: 1.4cqw; box-shadow: 0 0 0 .5cqw rgba(16, 129, 252, .3), 0 0 0 1cqw rgba(16, 129, 252, .14); }
  .mapphones { position: absolute; right: 0; bottom: 0; width: 23%; display: block; }
  .mp { width: 100%; max-width: none; }
  .mp-a { display: none; }
  .mp-b { margin-top: 0; }
  .mp-cap { margin-top: 8px; font-size: 12.5px; }
  .lv { grid-template-columns: minmax(0, 1fr) 216px; gap: 26px; }
  .chan { grid-template-columns: 42% minmax(0, 1fr); gap: 18px; }
}



.agent-phone .bezel { padding: 1.6cqw; border-width: .4cqw; border-radius: 13.5cqw; }
.agent-phone .screen { border-radius: 11.5cqw; }
.gp { background: #fafafa; }
.gp .gp-nav, .gp .gp-page { position: absolute; left: 0; width: 100%; height: auto; aspect-ratio: auto; border-radius: 0; object-fit: fill; }
.gp .gp-nav { top: 0; z-index: 1; box-shadow: 0 .3cqw 1.2cqw rgba(0, 0, 0, .08); }
.gp .gp-page { top: 24.62cqw; }
.peek-wrap .caption { margin-top: 18px; }
@media (prefers-reduced-motion: no-preference) {
  .gp.play .gp-page { animation: gp-pan 20s cubic-bezier(.45, 0, .25, 1) 1.5s infinite alternate both; }
  @keyframes gp-pan { 0%, 10% { transform: translateY(0); } 90%, 100% { transform: translateY(-191.54cqw); } }
}




.lg { flex: none; display: grid; place-items: center; width: 1.43em; height: 1em; font-size: 26px; line-height: 1; font-style: normal; }
.works-list .lg img, .sb-works .lg img { display: block; width: var(--w); height: var(--h); max-width: none; }
.works-list { display: grid; grid-template-columns: repeat(2, max-content); justify-content: center; gap: 14px 22px; }
.works-list li { gap: 10px; }
@media (max-width: 379px) {
  .works-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
  .works-list li { font-size: 14px; gap: 8px; white-space: normal; }
  .works-list .lg { font-size: 24px; }
}
@media (max-width: 339px) {
  .works-list { gap: 12px 8px; }
  .works-list li { font-size: 12.5px; gap: 6px; }
  .works-list .lg { font-size: 20px; }
}
@media (min-width: 760px) {
  .works-list { grid-template-columns: repeat(4, max-content); gap: 18px 28px; }
  .works-list .lg { font-size: 28px; }
}
.sb-works .lg { font-size: 22px; }
.sb-works span { gap: 6px; }