:root {
  --canvas: #f4f5f7;
  --ink: #3d3635;
  --gold: #c5a065;
  --maroon: #8a2e30;
  --cyan: #68c6d9;
  color: var(--ink);
  background: var(--canvas);
  font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--canvas); }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .22; background-image: radial-gradient(rgba(61,54,53,.16) .55px, transparent .55px); background-size: 6px 6px; z-index: 20; }
img, video { max-width: 100%; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.shell { width: min(1152px, calc(100% - 48px)); margin-inline: auto; }

.site-header { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid rgba(61,54,53,.08); background: rgba(244,245,247,.78); backdrop-filter: blur(24px) saturate(160%); }
.nav { min-height: 72px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; text-decoration: none; font-weight: 750; letter-spacing: -.03em; }
.brand-logo { width: 38px; height: 38px; border-radius: 12px; object-fit: cover; box-shadow: 2px 2px 0 var(--gold); }
.nav-links { display: flex; align-items: center; gap: 20px; font-size: 13px; color: rgba(61,54,53,.68); }
.nav-links a, .nav-contact { text-decoration: none; }
.nav-links a:hover { color: var(--ink); }
.nav-contact { justify-self: end; min-height: 40px; display: inline-flex; align-items: center; padding: 0 18px; border: 1px solid rgba(61,54,53,.14); border-radius: 999px; font-size: 14px; font-weight: 650; background: rgba(255,255,255,.36); }

.hero { min-height: calc(100svh - 72px); display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(48px, 7vw, 96px); padding-block: 64px 88px; }
.eyebrow { margin: 0; display: flex; align-items: center; gap: 10px; color: var(--maroon); font-size: 12px; font-weight: 750; letter-spacing: .14em; }
.eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--gold); }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: ui-serif, Georgia, "Songti SC", serif; font-weight: 500; letter-spacing: -.06em; }
h1 { margin: 22px 0 26px; font-size: clamp(58px, 7vw, 92px); line-height: .96; }
h1 em { font-style: normal; color: var(--maroon); }
.hero-intro { max-width: 470px; margin-bottom: 0; color: rgba(61,54,53,.68); font-size: 18px; line-height: 1.8; }
.hero-actions { margin-top: 34px; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; border-radius: 12px; text-decoration: none; font-weight: 700; font-size: 14px; }
.button-primary { background: var(--gold); box-shadow: 0 14px 34px rgba(197,160,101,.26); }
.button-secondary { border: 1px solid rgba(61,54,53,.14); background: rgba(255,255,255,.48); }
.button:disabled { cursor: not-allowed; opacity: .68; }
.text-link { font-size: 14px; font-weight: 650; text-decoration: none; }
.text-link span { margin-left: 6px; color: var(--gold); }

.pet-showcase { position: relative; min-height: 590px; display: grid; place-items: center; isolation: isolate; }
.light-well { position: absolute; width: 62%; aspect-ratio: 1; border-radius: 50%; filter: blur(78px); opacity: .34; z-index: -1; }
.light-well-maroon { left: -2%; top: 4%; background: var(--maroon); }
.light-well-cyan { right: -2%; bottom: 2%; background: var(--cyan); }
.stage-glass { width: min(100%, 630px); min-height: 550px; padding: 18px; display: grid; grid-template-rows: auto 1fr auto; border: 1px solid rgba(255,255,255,.72); border-radius: 32px; background: rgba(255,255,255,.36); backdrop-filter: blur(44px) saturate(180%); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(61,54,53,.08), 0 32px 80px rgba(61,54,53,.13); }
.stage-meta, .stage-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.stage-meta { padding: 2px 4px 16px; color: rgba(61,54,53,.56); font-size: 11px; font-weight: 650; letter-spacing: .08em; }
.stage-meta span:first-child { display: inline-flex; align-items: center; gap: 8px; }
.stage-meta i { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 5px rgba(197,160,101,.16); }
.pet-video-wrap { position: relative; min-height: 400px; overflow: hidden; border: 1px solid rgba(61,54,53,.08); border-radius: 22px; background: radial-gradient(circle at 50% 75%, rgba(197,160,101,.2), transparent 34%), rgba(244,245,247,.5); }
.pet-video { display: none; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.pet-video.is-active { display: block; }
.stage-footer { padding: 16px 4px 0; }
.stage-footer > div:first-child { display: grid; gap: 2px; }
.stage-label { color: rgba(61,54,53,.48); font-size: 11px; }
.stage-footer strong { font-size: 18px; }
.pet-switch { display: flex; gap: 4px; padding: 4px; border: 1px solid rgba(61,54,53,.1); border-radius: 12px; background: rgba(244,245,247,.5); }
.pet-switch button { min-height: 34px; padding: 0 13px; border: 0; border-radius: 8px; background: transparent; color: rgba(61,54,53,.58); cursor: pointer; }
.pet-switch button.is-active { background: var(--gold); color: var(--ink); font-weight: 700; }

.action-marquee { overflow: hidden; padding-block: 26px; border-block: 1px solid rgba(61,54,53,.08); }
.action-marquee > p { margin-bottom: 20px; text-align: center; color: rgba(61,54,53,.36); font-size: 10px; font-weight: 750; letter-spacing: .2em; }
.action-marquee-viewport { overflow: hidden; mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent); }
.action-marquee-track { width: max-content; display: flex; align-items: center; gap: 42px; padding-right: 42px; animation: action-scroll 42s linear infinite; }
.action-marquee-track span { white-space: nowrap; color: rgba(61,54,53,.38); font-family: ui-serif, Georgia, "Songti SC", serif; font-size: 21px; font-style: italic; }
.action-marquee-track .series-name { min-height: 30px; display: inline-flex; align-items: center; padding-inline: 12px; border: 1px solid rgba(197,160,101,.42); border-radius: 999px; color: var(--maroon); font-family: inherit; font-size: 11px; font-style: normal; font-weight: 750; letter-spacing: .08em; }
.action-marquee:hover .action-marquee-track { animation-play-state: paused; }

.create-section { padding-block: 112px; border-top: 1px solid rgba(61,54,53,.08); }
.create-layout { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: clamp(56px, 8vw, 112px); }
.photo-stack { position: relative; min-height: 540px; }
.photo-card { position: absolute; width: 48%; margin: 0; padding: 9px 9px 13px; border: 1px solid rgba(61,54,53,.11); border-radius: 20px; background: rgba(255,255,255,.68); box-shadow: 0 22px 50px rgba(61,54,53,.12); }
.photo-card img { width: 100%; aspect-ratio: 4 / 3; display: block; border-radius: 13px; object-fit: cover; }
.photo-card figcaption { padding: 10px 4px 0; color: rgba(61,54,53,.55); font-size: 11px; }
.photo-card-one { left: 2%; top: 4%; transform: rotate(-6deg); }.photo-card-two { right: 3%; top: 17%; transform: rotate(5deg); }.photo-card-three { left: 18%; bottom: 3%; transform: rotate(-2deg); }
.create-flow { position: absolute; right: 2%; bottom: 12%; min-width: 190px; display: flex; align-items: center; gap: 10px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.68); border-radius: 14px; background: rgba(255,255,255,.48); backdrop-filter: blur(22px) saturate(170%); box-shadow: 0 16px 34px rgba(61,54,53,.1); font-size: 11px; }
.create-flow i { color: var(--gold); font-style: normal; }.create-flow strong { color: var(--maroon); }
.create-copy h2, .album-copy h2, .services-copy h2, .pricing-heading h2 { margin: 20px 0 24px; font-size: clamp(46px, 5.5vw, 70px); line-height: 1; }
.create-copy > p:not(.eyebrow), .album-copy > p:not(.eyebrow), .services-copy > p:not(.eyebrow) { color: rgba(61,54,53,.64); line-height: 1.8; }
.create-copy .button { margin-top: 18px; }.create-copy small { display: block; margin-top: 12px; color: rgba(61,54,53,.46); }

.coming-pill { display: inline-flex; min-height: 30px; align-items: center; padding: 0 12px; margin-bottom: 24px; border: 1px solid rgba(61,54,53,.14); border-radius: 999px; background: rgba(255,255,255,.45); color: rgba(61,54,53,.62); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.album-section { min-height: 100svh; display: grid; align-items: center; padding-block: 112px; background: linear-gradient(135deg, rgba(138,46,48,.08), transparent 38%), linear-gradient(315deg, rgba(104,198,217,.12), transparent 42%); }
.album-layout { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: clamp(52px, 8vw, 112px); }
.album-window { padding: 18px; border: 1px solid rgba(255,255,255,.78); border-radius: 30px; background: rgba(255,255,255,.42); backdrop-filter: blur(42px) saturate(180%); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 30px 80px rgba(61,54,53,.12); }
.album-toolbar { display: flex; justify-content: space-between; gap: 18px; padding: 5px 4px 18px; color: rgba(61,54,53,.5); font-size: 11px; }.album-toolbar span:first-child { color: var(--ink); font-weight: 700; }
.album-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 190px); gap: 10px; }
.album-item { position: relative; overflow: hidden; margin: 0; border-radius: 16px; background: rgba(244,245,247,.6); }.album-item img, .album-item video { width: 100%; height: 100%; display: block; object-fit: cover; }
.album-wide { grid-column: span 2; }.album-video { grid-column: span 2; }.album-video video { object-fit: contain; }.album-video span { position: absolute; left: 10px; bottom: 10px; padding: 6px 9px; border-radius: 999px; background: rgba(61,54,53,.72); color: var(--canvas); font-size: 10px; }

.map-section { background: var(--ink); color: var(--canvas); padding-block: 112px; overflow: hidden; }
.map-layout { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: clamp(52px, 8vw, 120px); }
.eyebrow-dark { color: var(--canvas); opacity: .72; }
.map-copy h2, .legal-section-home h2 { margin: 20px 0 24px; font-size: clamp(48px, 6vw, 76px); line-height: .98; }
.map-copy > p:not(.eyebrow) { max-width: 430px; color: rgba(244,245,247,.62); line-height: 1.8; }
.map-legend { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 32px; color: rgba(244,245,247,.6); font-size: 12px; }
.map-legend span { display: inline-flex; align-items: center; gap: 8px; }
.map-legend i { width: 9px; height: 9px; border-radius: 50%; }
.maroon-dot { background: var(--maroon); }.cyan-dot { background: var(--cyan); }
.radar-card { position: relative; aspect-ratio: 1.32; min-height: 500px; overflow: hidden; border: 1px solid rgba(244,245,247,.16); border-radius: 32px; background: rgba(244,245,247,.06); backdrop-filter: blur(40px) saturate(180%); box-shadow: inset 0 1px 0 rgba(244,245,247,.15), 0 32px 80px rgba(0,0,0,.24); }
.radar-grid { position: absolute; inset: 7%; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 20%, rgba(244,245,247,.1) 20.4% 20.8%), linear-gradient(90deg, transparent 49.8%, rgba(244,245,247,.08) 50%, transparent 50.2%), linear-gradient(transparent 49.8%, rgba(244,245,247,.08) 50%, transparent 50.2%); }
.radar-sweep { position: absolute; inset: 7%; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0deg 310deg, rgba(104,198,217,.26) 354deg, rgba(104,198,217,.55) 360deg); animation: sweep 8s linear infinite; }
.radar-center { position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; transform: translate(-50%, -50%); padding: 5px; border-radius: 20px; background: var(--gold); box-shadow: 0 0 0 9px rgba(197,160,101,.13); }
.radar-center img { width: 100%; height: 100%; border-radius: 15px; object-fit: cover; }
.friend { position: absolute; display: flex; align-items: center; gap: 8px; padding: 5px 11px 5px 5px; border: 1px solid rgba(244,245,247,.15); border-radius: 999px; background: rgba(244,245,247,.09); backdrop-filter: blur(18px); font-size: 11px; color: rgba(244,245,247,.82); }
.friend img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.friend-one { left: 13%; top: 19%; }.friend-two { right: 10%; top: 28%; }.friend-three { left: 17%; bottom: 15%; }.friend-four { right: 12%; bottom: 17%; }
.friend-one, .friend-three { box-shadow: 0 0 0 2px rgba(138,46,48,.55); }.friend-two, .friend-four { box-shadow: 0 0 0 2px rgba(104,198,217,.55); }

.services-section { min-height: 100svh; display: grid; align-items: center; padding-block: 112px; }
.services-layout { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(52px, 8vw, 112px); }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.service-grid article { position: relative; overflow: hidden; min-height: 210px; display: grid; align-content: space-between; padding: 14px; border: 1px solid rgba(61,54,53,.1); border-radius: 22px; background: rgba(255,255,255,.5); }
.service-grid img { width: 100%; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; }
.service-grid span { position: absolute; left: 14px; bottom: 14px; min-height: 30px; display: inline-flex; align-items: center; padding: 0 11px; border-radius: 999px; background: rgba(244,245,247,.76); backdrop-filter: blur(12px); font-size: 12px; font-weight: 700; }

.pricing-section { padding-block: 112px 128px; border-top: 1px solid rgba(61,54,53,.08); }
.pricing-heading { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 48px; }.pricing-heading h2 { margin-bottom: 0; }.pricing-heading h2 em { color: var(--maroon); font-style: italic; }.pricing-heading > p { max-width: 360px; color: rgba(61,54,53,.52); font-size: 14px; line-height: 1.8; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.price-card { position: relative; min-height: 520px; display: flex; flex-direction: column; align-items: stretch; padding: 32px; border: 1px solid rgba(61,54,53,.11); border-radius: 24px; background: rgba(255,255,255,.4); backdrop-filter: blur(28px) saturate(160%); }
.price-card-featured { border-color: rgba(197,160,101,.5); background: rgba(255,255,255,.68); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 24px 60px rgba(61,54,53,.11); }
.price-badge { position: absolute; left: 30px; top: -14px; min-height: 28px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 999px; background: var(--gold); color: var(--ink); font-size: 10px; font-weight: 750; letter-spacing: .08em; }
.price-card h3 { margin: 0 0 10px; font-size: 17px; letter-spacing: .1em; }.price-blurb { min-height: 48px; margin-bottom: 24px; color: rgba(61,54,53,.5); font-size: 13px; line-height: 1.7; }
.price-value { min-height: 78px; display: flex; flex-direction: column; justify-content: center; margin-bottom: 24px; }.price-value strong { font-family: ui-serif, Georgia, "Songti SC", serif; font-size: 34px; font-weight: 500; letter-spacing: -.04em; }.price-value small { margin-top: 5px; color: rgba(61,54,53,.42); }
.price-card ul { flex: 1; display: grid; align-content: start; gap: 13px; margin: 0 0 30px; padding: 22px 0 0; border-top: 1px solid rgba(61,54,53,.09); list-style: none; }.price-card li { display: flex; gap: 10px; color: rgba(61,54,53,.7); font-size: 13px; line-height: 1.5; }.price-card li i { color: var(--gold); font-style: normal; font-weight: 800; }.price-card .button { width: 100%; }

.questions-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(48px, 8vw, 112px); padding-block: 112px; border-top: 1px solid rgba(61,54,53,.08); }
.questions-copy h2 { margin: 20px 0 24px; font-size: clamp(44px, 5vw, 64px); line-height: 1.02; }.questions-copy h2 em { color: var(--maroon); font-style: italic; }.questions-copy > p:last-child { max-width: 320px; color: rgba(61,54,53,.52); font-size: 14px; line-height: 1.8; }.questions-copy a { color: var(--maroon); }
.faq-list { display: grid; gap: 12px; align-content: start; }.faq-item { padding-inline: 20px; border: 1px solid rgba(61,54,53,.1); border-radius: 20px; background: rgba(255,255,255,.42); backdrop-filter: blur(24px) saturate(160%); }.faq-item > button { width: 100%; min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0; border: 0; background: transparent; color: var(--ink); text-align: left; cursor: pointer; font: inherit; }.faq-item > button span { font-weight: 650; }.faq-item > button i { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(61,54,53,.1); border-radius: 50%; color: var(--gold); font-style: normal; }.faq-answer p { margin: -4px 44px 22px 0; color: rgba(61,54,53,.58); font-size: 14px; line-height: 1.8; }

.legal-section-home { padding-block: 112px 128px; }
.section-heading { display: grid; grid-template-columns: 1fr .75fr; align-items: end; gap: 48px; margin-bottom: 48px; }
.section-heading h2 { margin-bottom: 0; }
.section-heading > p { max-width: 440px; color: rgba(61,54,53,.62); line-height: 1.8; }
.legal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.legal-card { min-height: 220px; display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 24px; padding: 30px; border: 1px solid rgba(61,54,53,.12); border-radius: 24px; background: rgba(255,255,255,.45); text-decoration: none; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.legal-card:hover { transform: translateY(-4px); border-color: rgba(197,160,101,.65); background: rgba(255,255,255,.7); }
.legal-number { color: var(--maroon); font-size: 12px; font-weight: 750; }
.legal-card h3 { margin-bottom: 14px; font-size: 24px; }
.legal-card p { max-width: 340px; margin-bottom: 0; color: rgba(61,54,53,.62); font-size: 14px; line-height: 1.75; }
.legal-arrow { color: var(--gold); font-size: 24px; }

.site-footer { padding-block: 56px 34px; background: var(--ink); color: var(--canvas); }
.footer-layout { display: grid; grid-template-columns: 1.3fr .8fr 1fr; gap: 48px; align-items: start; }
.footer-brand { color: var(--canvas); }.footer-layout p { margin: 14px 0 0; color: rgba(244,245,247,.46); font-size: 13px; }
.footer-links, .footer-company { display: grid; gap: 12px; font-size: 13px; color: rgba(244,245,247,.65); }
.footer-links a, .footer-company a { text-decoration: none; }
.footer-company { text-align: right; }

.legal-page { min-height: 100vh; background: var(--canvas); }
.legal-page .site-header { position: static; }
.legal-wrap { width: min(860px, calc(100% - 40px)); margin: 48px auto 96px; padding: clamp(32px, 6vw, 72px); border: 1px solid rgba(61,54,53,.12); border-radius: 28px; background: rgba(255,255,255,.54); box-shadow: 0 26px 70px rgba(61,54,53,.08); }
.legal-kicker { color: var(--maroon); font-size: 12px; font-weight: 750; letter-spacing: .14em; }
.legal-wrap > h1 { margin: 18px 0 14px; font-size: clamp(44px, 7vw, 70px); }
.legal-info { padding-bottom: 28px; border-bottom: 1px solid rgba(61,54,53,.1); color: rgba(61,54,53,.56); font-size: 13px; line-height: 1.7; }
.legal-section { margin-top: 38px; }
.legal-section h2 { font-size: 22px; }
.legal-section p, .legal-section li { color: rgba(61,54,53,.72); line-height: 1.85; }
[data-legal-document] { margin-top: 40px; }
[data-legal-document] h2 { margin: 48px 0 18px; padding-top: 8px; border-top: 1px solid rgba(61,54,53,.1); font-family: inherit; font-size: 24px; letter-spacing: -.02em; }
[data-legal-document] h3 { margin: 34px 0 14px; font-size: 18px; }
[data-legal-document] h4 { margin: 28px 0 12px; font-size: 16px; }
[data-legal-document] p, [data-legal-document] li { color: rgba(61,54,53,.74); font-size: 15px; line-height: 1.9; }
[data-legal-document] ul, [data-legal-document] ol { padding-left: 1.4em; }
[data-legal-document] strong { color: var(--ink); }
.legal-page .site-footer { padding-block: 28px; }

@keyframes sweep { to { transform: rotate(360deg); } }
@keyframes action-scroll { to { transform: translateX(-50%); } }
@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; padding-top: 72px; }
  .hero-copy { text-align: center; }.hero-intro { margin-inline: auto; }.eyebrow, .hero-actions { justify-content: center; }
  .pet-showcase { min-height: 540px; }.stage-glass { min-height: 520px; }
  .create-layout, .album-layout, .map-layout, .services-layout { grid-template-columns: 1fr; }.create-copy, .album-copy, .map-copy, .services-copy { text-align: center; }.create-copy > p, .album-copy > p, .map-copy > p, .services-copy > p { margin-inline: auto; }.map-legend { justify-content: center; }
  .pricing-grid { grid-template-columns: 1fr; }.price-card { min-height: 450px; }
  .questions-section { grid-template-columns: 1fr; }.questions-copy { text-align: center; }.questions-copy > p:last-child { margin-inline: auto; }
  .section-heading { grid-template-columns: 1fr; align-items: start; }
}
@media (max-width: 680px) {
  .shell { width: min(100% - 32px, 1152px); }
  .nav { grid-template-columns: 1fr auto; }.nav-links { display: none; }
  .hero { padding-block: 52px 70px; gap: 38px; } h1 { font-size: clamp(50px, 16vw, 72px); }
  .pet-showcase { min-height: 480px; }.stage-glass { min-height: 460px; padding: 12px; border-radius: 24px; }.pet-video-wrap { min-height: 340px; }
  .stage-footer { align-items: end; }.pet-switch button { padding-inline: 10px; }
  .create-section, .album-section, .map-section, .services-section, .pricing-section, .legal-section-home { padding-block: 76px; }.photo-stack { min-height: 430px; }.photo-card { width: 54%; }.create-flow { right: 0; bottom: 5%; }.album-grid { grid-template-rows: repeat(2, 128px); }.album-toolbar span:last-child { display: none; }.radar-card { min-height: 390px; border-radius: 24px; }.friend span { display: none; }.friend { padding: 4px; }.friend img { width: 34px; height: 34px; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }.service-grid article { min-height: 170px; }.pricing-heading { grid-template-columns: 1fr; }
  .price-card { min-height: 430px; }.faq-item { padding-inline: 16px; }.faq-item > button { min-height: 66px; }.faq-answer p { margin-right: 0; }
  .legal-grid { grid-template-columns: 1fr; }.legal-card { min-height: 190px; }
  .footer-layout { grid-template-columns: 1fr; gap: 32px; }.footer-company { text-align: left; }
  .legal-wrap { width: calc(100% - 24px); margin-block: 20px 56px; border-radius: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }.radar-sweep, .action-marquee-track { animation: none; }.legal-card { transition: none; }
}