/* SeekReal · Living Glass r11. Shared by every public and internal page.
   Keep the legacy bundles intact; this final cascade is the design source. */
:root {
  color-scheme: light;
  --lg-paper: #f5f2eb;
  --lg-ink: #233b35;
  --lg-muted: #58685f;
  --lg-accent: #245e4c;
  --lg-glass: rgba(255,255,255,.65);
  --lg-line: rgba(81,103,86,.17);
  --lg-shadow: 0 18px 55px -25px rgba(48,69,53,.25), inset 0 1px 0 rgba(255,255,255,.95);
  --sr-blue: #245e4c;
  --sr-blue-bright: #527b57;
  --sr-blue-pale: #e4eddf;
  --sr-ink: #233b35;
}
html { background: var(--lg-paper); scroll-padding-top: 120px; scrollbar-color: #95a48d #f5f2eb; }
html body {
  color: var(--lg-ink) !important;
  background: var(--lg-paper) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  line-height: 1.75;
  overflow-x: clip;
}
html body *, html body *::before, html body *::after {
  box-sizing: border-box;
  transition-property: color, background-color, border-color, box-shadow, opacity, transform;
}
html body ::selection { background: #d9e8ce; color: #183c2e; }
html body ::-webkit-scrollbar { width: 10px !important; height: 10px !important; }
html body ::-webkit-scrollbar-track { background: #f5f2eb !important; }
html body ::-webkit-scrollbar-thumb { background: #a4b298 !important; border: 2px solid #f5f2eb !important; border-radius: 20px !important; }
html body :focus-visible { outline: 3px solid #a45e34 !important; outline-offset: 5px !important; }
html body :is(h1,h2,h3,h4,h5,h6) { color: var(--lg-ink) !important; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important; text-wrap: balance; -webkit-text-fill-color: currentColor; }
html body :is(p,li,label,td,th) { overflow-wrap: anywhere; }
html body :is(p,li) { color: var(--lg-muted); }
html body :is(.r7-page,.r8-page,#student-guide-page,#whitepaper,.contact-page-wrap,.inner-page,#admin-contacts) { background: transparent !important; color: var(--lg-ink) !important; }
html body :is(#app > div:not([class]),#contact-page,#about-page,.team-section,.admin-section) { background: transparent !important; color: var(--lg-ink) !important; }
html body .lg-duplicate-nav { display: none !important; }
html body :is(.container,.r7-container) { width: min(100%,1280px) !important; max-width: 1280px !important; padding-inline: clamp(22px,4.6vw,64px) !important; }
html body :is(section,header) { scroll-margin-top: 120px; }

/* Ambient light is decorative, never on top of text or input controls. */
.lg-ambient { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.lg-ambient::before,.lg-ambient::after { content: ""; position: absolute; width: 55vw; height: 65vh; border-radius: 50%; filter: blur(80px); opacity: .45; animation: lg-drift 24s ease-in-out infinite alternate; }
.lg-ambient::before { top: -25vh; right: -14vw; background: radial-gradient(ellipse,#d8deb8,transparent 70%); }
.lg-ambient::after { bottom: -30vh; left: -14vw; background: radial-gradient(ellipse,#e4bda8,transparent 70%); animation-delay: -12s; }
html body #app { isolation: isolate; min-height: 100vh; }
.lg-skip { position: fixed; top: -100px; left: 30px; z-index: 10020; padding: 12px 22px; background: #233b35; color: #fff; border-radius: 30px; }
.lg-skip:focus { top: 12px; }

/* Floating, genuinely translucent navigation; room for both language versions. */
html body .navigation {
  inset: 16px 24px auto !important; width: auto !important; border: 1px solid rgba(255,255,255,.92) !important;
  border-radius: 100px !important; background: rgba(255,255,255,.73) !important;
  backdrop-filter: blur(24px) saturate(145%); -webkit-backdrop-filter: blur(24px) saturate(145%);
  box-shadow: 0 8px 38px rgba(57,69,46,.09), inset 0 1px 0 #fff; z-index: 1000;
}
html body .navigation .nav-container { height: 70px !important; max-width: 1440px !important; width: 100% !important; padding: 0 25px !important; gap: 24px; }
html body .logo { flex-shrink: 0; gap: 9px; cursor: pointer; }
html body .logo-icon { width: 33px; height: 33px; }
html body .logo-img { filter: none !important; }
html body .logo-text { color: var(--lg-ink) !important; font-size: 1.2rem !important; letter-spacing: -.035em !important; }
html body .nav-menu { gap: clamp(18px,2vw,29px) !important; flex: 1; justify-content: center; }
html body .nav-link { color: #536158 !important; font-size: .88rem; white-space: nowrap; }
html body .nav-link:hover,html body .nav-link.router-link-exact-active { color: #214d3c !important; transform: none !important; }
html body .nav-link::after { background: #54764e !important; height: 2px; }
html body .nav-link.router-link-exact-active::after { width: 100%; }
html body .nav-actions { gap: 10px !important; flex-shrink: 0; }
html body .lang-button { width: 44px; height: 44px; border-radius: 50% !important; color: #314f41 !important; border: 1px solid var(--lg-line) !important; background: rgba(255,255,255,.7) !important; }
html body .lang-button:hover { background: #fff !important; }
html body .menu-toggle { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
html body .menu-toggle span { background: #294f3e !important; }

/* Hero: expressive type, generous negative space and a living optical object. */
html body :is(.r7-hero,.contact-hero,.guide-hero,.whitepaper-header,.inner-hero,.admin-header) {
  position: relative; background: transparent !important; padding: 160px 0 76px !important;
  margin-top: 0 !important; border-bottom: 0 !important;
}
html body .r7-hero > .r7-container { position: relative; z-index: 1; }
html body :is(.r7-hero h1,.hero-title,.page-title,.inner-hero h1,.admin-title) {
  display: block; color: var(--lg-ink) !important; background: none !important; -webkit-text-fill-color: currentColor !important;
  font-size: clamp(2.4rem,4.5vw,4.7rem) !important; line-height: 1.14 !important; font-weight: 600 !important;
  letter-spacing: -.055em !important; margin: 0 0 26px !important; max-width: 100%;
}
html body .r8-home-hero { padding-top: 174px !important; padding-bottom: 82px !important; overflow: clip; }
html body .r8-home-hero h1 { font-size: clamp(4.6rem,8.6vw,8rem) !important; letter-spacing: -.07em !important; font-weight: 550 !important; line-height: 1.04 !important; margin-bottom: 22px !important; }
html body .r8-home-hero .r7-container { padding-right: 40% !important; }
html body .r7-kicker,html body .header-label,html body .section-label { display: block; color: #626d4d !important; font-size: .72rem !important; letter-spacing: .16em !important; line-height: 1.9; font-weight: 600; margin-bottom: 24px; }
html body :is(.r7-lead,.hero-subtitle,.page-subtitle,.inner-hero p) { color: #3f594c !important; font-size: clamp(1.05rem,1.65vw,1.4rem) !important; line-height: 1.7 !important; font-weight: 450; }
html body :is(.r7-description,.r7-section-intro,.section-subtitle,.r7-card p,.card-description,.brand-description,.story-text,.member-desc,.step-desc,.cta-desc,.card-text,.form-subtitle,.form-notice,.auth-desc,.auth-tip,.location-address) { color: var(--lg-muted) !important; }
html body .r7-description { font-size: 1rem; line-height: 1.95; }
html body .hero-title::before { display: none !important; }
html body :is(.hero-bg,.hero-background,.footer-background,.grid-bg,.accent-line,.card-accent-line) { display: none !important; }
html body .r7-actions { gap: 12px; margin: 30px 0 26px; }
html body :is(.r7-callout,.r9-case-boundary) { border: 1px solid rgba(117,137,88,.22) !important; border-left: 3px solid #8b9c6b !important; border-radius: 0 18px 18px 0; background: rgba(236,239,221,.72) !important; color: #4d604a !important; padding: 18px 22px; font-size: .9rem; }
.lg-orbit { position: absolute; right: -3%; top: -24px; width: 39%; height: 420px; pointer-events: none; display: grid; place-items: center; }
.lg-orbit-ring { position: absolute; width: 90%; aspect-ratio: 1; border: 1px solid rgba(144,158,113,.3); border-radius: 50%; transform: rotateX(57deg) rotate(-25deg); }
.lg-orbit-ring:nth-child(2) { width: 114%; transform: rotateX(58deg) rotate(24deg); border-color: rgba(178,129,106,.25); }
.lg-orb { position: relative; width: 78%; aspect-ratio: 1; border-radius: 44% 56% 59% 41% / 49% 42% 58% 51%;
  background: radial-gradient(circle at 30% 22%,rgba(255,255,255,.96),transparent 36%), radial-gradient(ellipse at 75% 68%,rgba(186,122,99,.72),transparent 65%), radial-gradient(ellipse at 27% 74%,rgba(143,166,103,.85),transparent 63%), linear-gradient(140deg,rgba(231,224,188,.9),rgba(236,221,210,.5));
  border: 1px solid rgba(255,255,255,.95); box-shadow: inset 14px 18px 32px rgba(255,255,255,.85),inset -12px -14px 26px rgba(125,102,70,.14), 0 40px 70px -35px rgba(83,100,49,.45);
  animation: lg-breathe 11s ease-in-out infinite; }
.lg-orb::before { content: ""; position: absolute; inset: 8%; border: 1px solid rgba(255,255,255,.52); border-radius: inherit; }
.lg-orb::after { content: ""; position: absolute; inset: 17%; border-radius: 50%; background: radial-gradient(circle at 64% 30%,rgba(255,255,255,.8),transparent 60%); filter: blur(14px); }
.lg-orbit-label { position: absolute; right: 2%; bottom: 12%; padding: 13px 20px; border-radius: 40px; border: 1px solid rgba(255,255,255,.94); background: rgba(255,255,255,.6); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: var(--lg-shadow); color: #425d47; font-size: .72rem; letter-spacing: .1em; }
.lg-orbit-label::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 10px; border-radius: 50%; background: #83975c; box-shadow: 0 0 0 4px rgba(131,151,92,.11); }
@keyframes lg-breathe { 0%,100% { transform: translateY(0) rotate(-8deg); border-radius: 44% 56% 59% 41% / 49% 42% 58% 51%; } 50% { transform: translateY(-16px) rotate(5deg); border-radius: 56% 44% 42% 58% / 42% 57% 43% 58%; } }
@keyframes lg-drift { to { transform: translate(9vw,6vh) scale(1.12); } }

/* Every content surface, including lazy-loaded guide, admin and overlays. */
html body :is(.r7-section,.guide-steps,.guide-faq,.guide-cta,.contact-info,.contact-form-section,.whitepaper-content,.whitepaper-cta,.inner-section,.team-story-section,.team-members-section,.team-manifesto-section,.investment-highlights-section,.usage-section,.features,.trust-section,.vision-section,.metrics-section,.growth-path,.ability-cert,.rank-system,.real-tasks,.business-structure,.moat,.market,.roadmap,.whitepaper-section) { background: transparent !important; border-color: var(--lg-line) !important; padding-block: clamp(48px,6.2vw,86px); }
html body .r7-section h2 { font-size: clamp(1.6rem,2.6vw,2.5rem); font-weight: 550; letter-spacing: -.04em; margin-bottom: 18px; }
html body .r7-grid { gap: 22px; }
html body :is(.r7-card,.inner-card,.info-card,.hero-card,.step-card,.faq-item,.auth-card,.admin-card,.form-wrapper,.content-item,.member-card,.highlight-stat,.usage-card,.feature-card,.trust-card,.capability-card,.value-card,.strategy-card,.moat-card,.opportunity-card,.task-card,.revenue-card,.stage-card,.story-block) {
  color: var(--lg-ink) !important; background: linear-gradient(142deg,rgba(255,255,255,.83),rgba(255,255,255,.43)) !important;
  border: 1px solid rgba(255,255,255,.96) !important; border-radius: 26px !important;
  box-shadow: var(--lg-shadow) !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
html body .r7-card { padding: 30px; }
html body :is(.r7-card,.info-card,.step-card,.feature-card,.member-card):hover { transform: translateY(-4px); border-color: rgba(140,162,110,.45) !important; box-shadow: 0 22px 55px -25px rgba(57,86,45,.3),inset 0 1px 0 #fff !important; }
html body .r7-card h3 { font-size: 1.12rem; font-weight: 600; letter-spacing: -.02em; }
html body .r7-card p { font-size: .93rem; line-height: 1.85; }
html body :is(.r7-step,.step-num,.mechanism-number,.metric-number,.stat-number,.highlight-number,.r7-card .icon-number) { color: #698051 !important; background: none !important; }
html body .r7-step { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; background: rgba(222,230,203,.64) !important; color: #4d6539 !important; border: 1px solid rgba(157,178,124,.22); border-radius: 50%; margin-bottom: 26px; font-size: .75rem; }
html body .r7-columns-5 { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; }
html body .r7-columns-5 .r7-card { padding: 24px 20px; }
html body .r7-columns-5 .r7-card h3 { font-size: 1rem; }
html body .r9-case-summary { background: linear-gradient(115deg,rgba(229,234,211,.6),rgba(244,220,200,.3)) !important; }
html body .r9-case-status { color: #80552d !important; background: rgba(247,228,192,.65) !important; border: 1px solid rgba(172,130,60,.24) !important; border-radius: 30px; padding: 8px 15px; font-size: .78rem; }
html body :is(.r8-bridge,.r7-boundary,.r7-skills-entry) { background: rgba(228,234,218,.35) !important; }
html body .r9-group-heading { color: var(--lg-ink) !important; }
html body :is(.story-title,.member-name,.member-role,.manifesto-quote,.location-name,.card-header,.card-footer,.meta-item,.form-title,.auth-title,.admin-card-header,.detail-value,.state-text) { color: var(--lg-ink) !important; }
html body .r7-description + .r7-description { margin-top: 26px; }
html body :is(.team-subtitle,.milestone-desc,.members-desc,.member-tag,.manifesto-sig,.stat-label,.stat-desc,.admin-subtitle,.auth-tip,.form-notice,.privacy-note,.section-description,.section-text) { color: var(--lg-muted) !important; }
html body .team-section { padding-top: 150px !important; }
html body .team-title { font-size: clamp(2.4rem,4.5vw,4.7rem) !important; line-height: 1.2; letter-spacing: -.055em; font-weight: 550; }
html body :is(.milestone-item,.manifesto-block,.detail-message-box) { background: rgba(243,245,232,.75) !important; border-color: var(--lg-line) !important; border-radius: 20px; color: var(--lg-ink) !important; }
html body .story-block { padding: 34px !important; }
html body .manifesto-quote p { color: #496044 !important; }
html body .link-group { background: transparent !important; border-color: var(--lg-line) !important; }
html body :is(.story-marker,.milestone-marker,.card-icon,.avatar-circle,.highlight-badge) { background: rgba(210,223,189,.45) !important; border-color: rgba(119,148,81,.2) !important; color: #4e7148 !important; }
html body :is(.avatar-initial,.milestone-label) { color: #3b603c !important; }
html body .card-icon svg { stroke: #4e7148 !important; }
html body .step-card::before,html body .role-card::before { background: linear-gradient(90deg,#c5cda1,#dfb5a2,transparent) !important; }
html body .faq-item.open { background: rgba(239,243,225,.8) !important; border-color: #b3c29b !important; }
html body .faq-a p { color: var(--lg-muted) !important; border-color: var(--lg-line) !important; }
html body .faq-icon { color: #5c794c !important; }
html body .faq-item.open .faq-a { max-height: 900px; }

/* Buttons have optical edge highlights, never blue gradients. */
html body :is(.r7-button,.cta-button,.submit-button,.auth-button,.action-button.primary,.primary-button,.primary-cta-button,.cta-btn,.whitepaper-button,.cta-link) {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px;
  padding: 12px 24px; color: #fff !important; -webkit-text-fill-color: currentColor !important;
  background: linear-gradient(145deg,#476a4f,#294f3f) !important; border: 1px solid rgba(39,79,58,.4) !important;
  border-radius: 100px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 7px 18px rgba(47,78,45,.13) !important;
  font-size: .88rem !important; font-weight: 550; line-height: 1.6; text-align: center; text-decoration: none;
}
html body :is(.r7-button,.cta-button,.submit-button,.auth-button,.cta-btn):hover { transform: translateY(-2px); background: linear-gradient(145deg,#527958,#325e49) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45),0 10px 22px rgba(47,78,45,.2) !important; }
html body :is(.r7-secondary,.secondary-button,.secondary-cta-button,.action-button.secondary,.back-link,.detail-close,.drawer-close,.lg-motion-toggle) { color: #355641 !important; background: rgba(255,255,255,.65) !important; border: 1px solid rgba(85,112,69,.25) !important; box-shadow: inset 0 1px 0 #fff,0 4px 15px rgba(48,68,42,.04) !important; border-radius: 100px !important; }
html body .r7-secondary:hover { background: #fff !important; }
html body button:disabled { opacity: .6; cursor: not-allowed; transform: none !important; }

/* Forms, validation, tables and dialog states are part of the same system. */
html body :is(.form-input,.form-select,.form-textarea,.email-input,.auth-input,input,textarea,select) {
  color: #294436 !important; background: rgba(255,255,255,.8) !important; border: 1px solid #c8d0bf !important; border-radius: 14px !important;
  box-shadow: inset 0 2px 4px rgba(58,78,48,.025); font-size: 1rem; min-height: 48px; max-width: 100%;
}
html body :is(input,textarea)::placeholder { color: #72806c !important; opacity: 1; }
html body select option { background: #fff; color: #294436; }
html body .form-label { color: #3c5845 !important; }
html body :is(.success,.state-success,.submit-message.success) { color: #28613d !important; background: #e7efdf !important; border-color: #b4c4a2 !important; }
html body :is(.error,.state-error,.auth-error,.submit-message.error) { color: #943e2e !important; background: #fbebe3 !important; border-color: #dfb8aa !important; }
html body :is(.table-wrapper,.table-wrap) { overflow-x: auto; border-radius: 20px; }
html body .submissions-table { color: #334d3b !important; background: rgba(255,255,255,.5); }
html body .submissions-table :is(th,td) { color: inherit !important; border-color: #d9dfcf !important; }
html body .submissions-table th { background: #e8ecdf !important; }
html body .submissions-table tbody tr:hover { background: #f0f3e7 !important; }
html body :is(.drawer-overlay,.detail-overlay,.lg-dialog-backdrop) { background: rgba(43,54,43,.3) !important; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); }
html body :is(.drawer-panel,.detail-card,.lg-dialog) { background: rgba(251,251,244,.96) !important; color: #294436 !important; border: 1px solid #fff !important; box-shadow: 0 30px 100px rgba(36,55,35,.2); }
html body :is(.detail-label,.detail-message-box,.drawer-content,.section-description,.section-text) { color: var(--lg-muted) !important; }
html body .detail-message-box { background: #eef1e6 !important; }
html body :is(.drawer-header,.detail-header,.detail-row,.card-divider,.footer-bottom) { border-color: var(--lg-line) !important; }
.lg-dialog-backdrop { position: fixed; inset: 0; z-index: 10010; padding: 24px; display: grid; place-items: center; }
.lg-dialog { border-radius: 30px; width: min(100%,520px); max-height: 85vh; overflow: auto; padding: 34px; }
.lg-dialog h2 { font-size: 1.5rem; margin-bottom: 15px; }
.lg-dialog p { margin: 15px 0 24px; }
.lg-dialog a { color: #245e4c; text-decoration: underline; }
.lg-dialog-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }

/* Footer: quiet, readable glass instead of an unstyled dark remainder. */
html body .footer { background: rgba(228,232,215,.65) !important; border-top: 1px solid rgba(155,169,131,.2) !important; color: #42563e !important; padding: 70px 0 26px !important; }
html body .footer-content { display: grid !important; grid-template-columns: 1.25fr 1.7fr .9fr !important; gap: 38px !important; align-items: start; padding-bottom: 42px; }
html body .footer-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
html body .footer-logo .logo-text { white-space: normal; font-size: 1.2rem !important; }
html body .brand-description { font-size: .84rem; line-height: 1.9; margin-top: 20px; }
html body :is(.footer-link,.bottom-link,.copyright,.footer-qr-copy,.social-status-item,.footer-social-status) { color: #53654c !important; font-size: .8rem; }
html body .footer-link:hover { color: #254c35 !important; }
html body :is(.link-title,.footer-connect-title,.footer-qr-copy strong) { color: #304e38 !important; font-size: .88rem; }
html body :is(.social-link,.footer-qr-card,.social-status-item) { background: rgba(255,255,255,.52) !important; border: 1px solid rgba(255,255,255,.8) !important; color: #466044 !important; }
html body .footer-qr-card { border-radius: 20px; padding: 14px; }
html body .footer-qr-card img { width: 70px; height: 70px; flex-shrink: 0; border-radius: 10px; }
html body .footer-qr-copy { min-width: 0; }
html body .social-status-item small { color: #68745e !important; }
.lg-motion-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 8px 14px; margin-top: 16px; font-size: .73rem; cursor: pointer; }
.lg-motion-toggle::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #829966; }
.lg-motion-toggle[aria-pressed="true"]::before { background: #b39c87; }
html body .footer-bottom-content { gap: 20px; flex-wrap: wrap; }

@media (min-width: 1500px) { html body .r8-home-hero .r7-container { padding-right: 465px !important; } .lg-orbit { right: 0; width: 440px; } }
@media (max-width: 1150px) {
  html body .navigation .nav-container { gap: 14px; padding-inline: 20px !important; }
  html body .nav-menu { gap: 18px !important; }
  html body .nav-link { font-size: .8rem; }
  html body .nav-actions > .cta-button { display: none !important; }
  html body .footer-content { grid-template-columns: 1fr 1.6fr !important; }
  html body .footer-connect { grid-column: 1 / -1; display: flex; gap: 22px; align-items: center; flex-wrap: wrap; }
  html body .footer-qr-card { max-width: 320px; }
  html body .r7-columns-5 { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  html body .navigation { inset: 12px 16px auto !important; border-radius: 32px !important; }
  html body .navigation .nav-container { height: 62px !important; }
  html body .menu-toggle { display: flex !important; }
  html body .nav-menu { display: none !important; position: absolute !important; top: 76px !important; left: 0 !important; right: 0 !important; width: auto !important; padding: 18px !important; border: 1px solid #fff !important; border-radius: 26px !important; background: rgba(250,251,245,.97) !important; box-shadow: var(--lg-shadow); transform: none !important; opacity: 1 !important; visibility: visible !important; }
  html body .nav-menu.active { display: flex !important; flex-direction: column; align-items: stretch; gap: 0 !important; }
  html body .nav-link { padding: 12px 18px; font-size: 1rem; }
  html body .nav-link::after { display: none; }
  html body .nav-link.router-link-exact-active { background: #e9efdf; border-radius: 14px; }
  html body .r8-home-hero .r7-container { padding-right: 38% !important; }
  .lg-orbit { width: 32%; height: 300px; top: 45px; right: 3%; }
  .lg-orbit-label { right: -2%; font-size: .58rem; padding: 10px 12px; }
  html body .r7-columns-3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html body .r7-columns-5 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  html { scroll-padding-top: 100px; }
  html body .navigation { inset: 10px 12px auto !important; }
  html body .navigation .nav-container { padding-inline: 16px !important; gap: 8px; }
  html body .logo-text { font-size: 1.1rem !important; }
  html body .logo-icon { width: 28px; height: 28px; }
  html body :is(.r7-hero,.contact-hero,.guide-hero,.whitepaper-header,.inner-hero,.admin-header) { padding-top: 125px !important; padding-bottom: 45px !important; }
  html body .r8-home-hero { padding-top: 134px !important; }
  html body .r8-home-hero .r7-container { padding-right: 22px !important; }
  html body .r8-home-hero.r7-hero h1 { font-size: clamp(3.9rem,16vw,6.2rem) !important; }
  html body .r7-kicker { font-size: .63rem !important; letter-spacing: .12em !important; max-width: 90%; }
  html body .r7-hero:not(.r8-home-hero) h1 { font-size: clamp(2.25rem,9vw,3.3rem) !important; }
  html body .r8-home-hero h1 { font-size: clamp(3.9rem,16vw,6.2rem) !important; }
  html body :is(.r7-lead,.hero-subtitle) { font-size: 1.12rem !important; }
  html body .r7-description { font-size: .92rem; }
  .lg-orbit { position: relative; width: min(85%,330px); height: 290px; top: auto; right: auto; margin: 20px auto 6px; }
  .lg-orb { width: 75%; }
  .lg-orbit-label { right: 0; bottom: 10%; font-size: .63rem; }
  html body .r7-actions { flex-direction: column; align-items: stretch; }
  html body .r7-actions .r7-button { width: 100%; }
  html body :is(.r7-columns-3,.r7-columns-5,.info-cards-grid,.step-cards,.content-sections,.card-grid,.members-grid) { grid-template-columns: 1fr !important; }
  html body .r7-card { padding: 26px !important; border-radius: 24px !important; }
  html body .r7-section h2 { font-size: 1.65rem; }
  html body .hero-wrapper { display: flex; flex-direction: column; align-items: stretch; gap: 28px; }
  html body .hero-card { width: 100%; min-width: 0; }
  html body .form-wrapper { padding: 26px 22px !important; }
  html body .form-row { grid-template-columns: 1fr !important; flex-direction: column; gap: 20px; }
  html body .form-footer { flex-direction: column; align-items: stretch; gap: 18px; }
  html body .footer-content { grid-template-columns: 1fr !important; gap: 32px !important; }
  html body .footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
  html body .footer-connect { display: block; }
  html body .footer-qr-card { margin-top: 16px; }
  html body .footer-bottom-content { flex-direction: column; align-items: flex-start; }
  html body .footer-bottom-links { flex-wrap: wrap; gap: 16px; }
  html body .footer { padding-top: 48px !important; }
  html body .detail-card { width: 100%; max-height: 85vh; overflow: auto; border-radius: 24px; }
  html body .detail-overlay { padding: 16px; }
  html body .team-section { padding-top: 124px !important; }
  html body .story-block { padding: 26px !important; }
}
/* r12: clearer glass needs colour and depth behind the actual translucent surface. */
html body { background: #f2f1e9 !important; }
html body #app { position: relative; z-index: 1; }
html body .lg-ambient {
  z-index: 0;
  background:
    radial-gradient(ellipse at 19% 16%, rgba(199,225,205,.60), transparent 39%),
    radial-gradient(ellipse at 84% 19%, rgba(247,208,191,.66), transparent 40%),
    radial-gradient(ellipse at 72% 82%, rgba(211,221,180,.50), transparent 40%),
    radial-gradient(ellipse at 13% 89%, rgba(239,206,191,.38), transparent 34%);
}
html body .lg-ambient::before, html body .lg-ambient::after {
  width: 80vw; height: 78vh; filter: blur(70px); opacity: .72;
}
html body .lg-ambient::before { background: radial-gradient(ellipse, rgba(185,214,183,.75), transparent 68%); }
html body .lg-ambient::after { background: radial-gradient(ellipse, rgba(238,186,169,.72), transparent 68%); }
html body .navigation {
  background: linear-gradient(115deg,rgba(255,255,255,.55),rgba(255,255,255,.28) 55%,rgba(255,255,255,.46)) !important;
  border-color: rgba(255,255,255,.84) !important;
  backdrop-filter: blur(18px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(155%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(255,255,255,.28), 0 12px 36px -20px rgba(64,83,58,.34) !important;
}
html body :is(.r7-card,.inner-card,.info-card,.hero-card,.step-card,.faq-item,.auth-card,.admin-card,.form-wrapper,.content-item,.member-card,.highlight-stat,.usage-card,.feature-card,.trust-card,.capability-card,.value-card,.strategy-card,.moat-card,.opportunity-card,.task-card,.revenue-card,.stage-card,.story-block) {
  background: linear-gradient(138deg,rgba(255,255,255,.59),rgba(255,255,255,.18) 47%,rgba(255,255,255,.30)) !important;
  border-color: rgba(255,255,255,.76) !important;
  backdrop-filter: blur(12px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.95), inset 1px 0 0 rgba(255,255,255,.38), inset -1px -1px 0 rgba(116,141,115,.10), 0 20px 48px -28px rgba(53,80,58,.33) !important;
}
html body :is(.r7-card,.info-card,.step-card,.feature-card,.member-card):hover {
  border-color: rgba(255,255,255,.98) !important;
  box-shadow: inset 0 1px 1px #fff, inset 1px 0 0 rgba(255,255,255,.50), 0 26px 52px -30px rgba(53,80,58,.37) !important;
}
html body .r9-case-summary { background: linear-gradient(115deg,rgba(226,237,207,.28),rgba(247,212,197,.16)) !important; }
html body :is(.r8-bridge,.r7-boundary,.r7-skills-entry) { background: rgba(228,237,215,.18) !important; }
html body :is(.r7-callout,.r9-case-boundary) { background: linear-gradient(115deg,rgba(255,255,255,.40),rgba(227,238,215,.24)) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
html body .lg-orb {
  background:
    radial-gradient(ellipse at 30% 19%,rgba(255,255,255,.96),transparent 24%),
    radial-gradient(ellipse at 51% 51%,rgba(255,255,255,.03) 16%,rgba(255,255,255,.13) 60%,rgba(255,255,255,.37) 100%),
    conic-gradient(from 140deg,rgba(239,174,157,.38),rgba(205,226,182,.18),rgba(255,255,255,.12),rgba(181,216,195,.36),rgba(244,198,171,.38),rgba(239,174,157,.38));
  border-color: rgba(255,255,255,.93);
  box-shadow: inset 13px 15px 22px rgba(255,255,255,.76), inset -12px -15px 24px rgba(100,136,104,.18), inset 0 0 0 2px rgba(255,255,255,.25), 0 34px 65px -40px rgba(73,99,69,.35);
  backdrop-filter: blur(3px) saturate(145%); -webkit-backdrop-filter: blur(3px) saturate(145%);
}
html body .lg-orb::before { inset: 5%; border: 1px solid rgba(255,255,255,.66); box-shadow: inset 0 2px 12px rgba(255,255,255,.22); }
html body .lg-orb::after { inset: 14%; background: radial-gradient(ellipse at 42% 17%,rgba(255,255,255,.55),transparent 28%); filter: blur(9px); }
html body .lg-orbit-label { background: rgba(255,255,255,.37); border-color: rgba(255,255,255,.84); box-shadow: inset 0 1px 0 #fff,0 14px 32px -20px rgba(60,85,60,.28); }
html body :is(.r7-secondary,.secondary-button,.secondary-cta-button,.action-button.secondary,.back-link,.detail-close,.drawer-close,.lg-motion-toggle,.lang-button) { background: rgba(255,255,255,.42) !important; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); }
html body :is(.form-input,.form-select,.form-textarea,.email-input,.auth-input,input,textarea,select) { background: rgba(255,255,255,.62) !important; }
html body .footer { background: rgba(227,237,216,.32) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
html body :is(.social-link,.footer-qr-card,.social-status-item) { background: rgba(255,255,255,.32) !important; }
@media (min-width: 901px) {
  .r8-home-hero .lg-orbit { right: 3%; width: 34%; }
}
@media (max-width: 900px) {
  html body .nav-menu { background: rgba(250,251,245,.88) !important; backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%); }
}
@media (max-width: 640px) {
  .r8-home-hero .lg-orbit { position: absolute; z-index: -1; width: 235px; height: 235px; top: 0; right: -75px; margin: 0; opacity: .72; }
  .r8-home-hero .lg-orbit-label { display: none; }
}
/* A supported fallback keeps contrast and surfaces usable without backdrop-filter. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html body .navigation { background: #fafaf4 !important; }
  html body :is(.r7-card,.inner-card,.info-card,.hero-card,.step-card,.faq-item,.auth-card,.admin-card,.form-wrapper) { background: #fafbf5 !important; }
}
html.lg-motion-paused *, html.lg-motion-paused *::before, html.lg-motion-paused *::after { animation-play-state: paused !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  html body *,html body *::before,html body *::after { animation: none !important; transition-duration: .01ms !important; }
}
@media print {
  html body { background: #fff !important; }
  html body .navigation,.lg-ambient,.lg-orbit,.lg-motion-toggle,.lg-skip { display: none !important; }
  html body :is(.r7-hero,.guide-hero,.contact-hero) { padding-top: 25px !important; }
  html body .r8-home-hero .r7-container { padding-right: 30px !important; }
  html body :is(.r7-card,.hero-card,.info-card) { background: #fff !important; box-shadow: none !important; backdrop-filter: none; break-inside: avoid; }
}

/* ZWHOPES ERP ambient layer: original colour clock, breathing mask and rotating sheen. */
html body .lg-ambient { background: #eaeefb !important; contain: strict; }
html body .lg-ambient::before, html body .lg-ambient::after { content: none !important; }
.se-glass-environment__flow {
	position: absolute;
	inset: 0 auto 0 0;
	width: calc(100% + 107vmax);
	height: 100%;
	background: repeating-linear-gradient(110deg,
		rgba(74, 132, 255, .44) 0vmax 6.25vmax,
		rgba(107, 181, 245, .44) 12.5vmax 18.75vmax,
		rgba(72, 214, 198, .44) 25vmax 31.25vmax,
		rgba(128, 215, 175, .44) 37.5vmax 43.75vmax,
		rgba(255, 181, 143, .44) 50vmax 56.25vmax,
		rgba(244, 142, 166, .44) 62.5vmax 68.75vmax,
		rgba(255, 118, 186, .44) 75vmax 81.25vmax,
		rgba(150, 106, 255, .44) 87.5vmax 93.75vmax,
		rgba(74, 132, 255, .44) 100vmax);
	-webkit-mask-image: repeating-linear-gradient(110deg,
		rgba(0, 0, 0, 0.48000000) 0vmax,
		rgba(0, 0, 0, 0.48125197) 0.78125vmax,
		rgba(0, 0, 0, 0.48499583) 1.5625vmax,
		rgba(0, 0, 0, 0.49119551) 2.34375vmax,
		rgba(0, 0, 0, 0.49979132) 3.125vmax,
		rgba(0, 0, 0, 0.51070047) 3.90625vmax,
		rgba(0, 0, 0, 0.52381790) 4.6875vmax,
		rgba(0, 0, 0, 0.53901728) 5.46875vmax,
		rgba(0, 0, 0, 0.55615224) 6.25vmax,
		rgba(0, 0, 0, 0.57505775) 7.03125vmax,
		rgba(0, 0, 0, 0.59555174) 7.8125vmax,
		rgba(0, 0, 0, 0.61743685) 8.59375vmax,
		rgba(0, 0, 0, 0.64050231) 9.375vmax,
		rgba(0, 0, 0, 0.66452598) 10.1562vmax,
		rgba(0, 0, 0, 0.68927652) 10.9375vmax,
		rgba(0, 0, 0, 0.71451554) 11.7188vmax,
		rgba(0, 0, 0, 0.74000000) 12.5vmax,
		rgba(0, 0, 0, 0.76548446) 13.2812vmax,
		rgba(0, 0, 0, 0.79072348) 14.0625vmax,
		rgba(0, 0, 0, 0.81547402) 14.8438vmax,
		rgba(0, 0, 0, 0.83949769) 15.625vmax,
		rgba(0, 0, 0, 0.86256315) 16.4062vmax,
		rgba(0, 0, 0, 0.88444826) 17.1875vmax,
		rgba(0, 0, 0, 0.90494225) 17.9688vmax,
		rgba(0, 0, 0, 0.92384776) 18.75vmax,
		rgba(0, 0, 0, 0.94098272) 19.5312vmax,
		rgba(0, 0, 0, 0.95618210) 20.3125vmax,
		rgba(0, 0, 0, 0.96929953) 21.0938vmax,
		rgba(0, 0, 0, 0.98020868) 21.875vmax,
		rgba(0, 0, 0, 0.98880449) 22.6562vmax,
		rgba(0, 0, 0, 0.99500417) 23.4375vmax,
		rgba(0, 0, 0, 0.99874803) 24.2188vmax,
		rgba(0, 0, 0, 1.00000000) 25vmax,
		rgba(0, 0, 0, 0.99874803) 25.7812vmax,
		rgba(0, 0, 0, 0.99500417) 26.5625vmax,
		rgba(0, 0, 0, 0.98880449) 27.3438vmax,
		rgba(0, 0, 0, 0.98020868) 28.125vmax,
		rgba(0, 0, 0, 0.96929953) 28.9062vmax,
		rgba(0, 0, 0, 0.95618210) 29.6875vmax,
		rgba(0, 0, 0, 0.94098272) 30.4688vmax,
		rgba(0, 0, 0, 0.92384776) 31.25vmax,
		rgba(0, 0, 0, 0.90494225) 32.0312vmax,
		rgba(0, 0, 0, 0.88444826) 32.8125vmax,
		rgba(0, 0, 0, 0.86256315) 33.5938vmax,
		rgba(0, 0, 0, 0.83949769) 34.375vmax,
		rgba(0, 0, 0, 0.81547402) 35.1562vmax,
		rgba(0, 0, 0, 0.79072348) 35.9375vmax,
		rgba(0, 0, 0, 0.76548446) 36.7188vmax,
		rgba(0, 0, 0, 0.74000000) 37.5vmax,
		rgba(0, 0, 0, 0.71451554) 38.2812vmax,
		rgba(0, 0, 0, 0.68927652) 39.0625vmax,
		rgba(0, 0, 0, 0.66452598) 39.8438vmax,
		rgba(0, 0, 0, 0.64050231) 40.625vmax,
		rgba(0, 0, 0, 0.61743685) 41.4062vmax,
		rgba(0, 0, 0, 0.59555174) 42.1875vmax,
		rgba(0, 0, 0, 0.57505775) 42.9688vmax,
		rgba(0, 0, 0, 0.55615224) 43.75vmax,
		rgba(0, 0, 0, 0.53901728) 44.5312vmax,
		rgba(0, 0, 0, 0.52381790) 45.3125vmax,
		rgba(0, 0, 0, 0.51070047) 46.0938vmax,
		rgba(0, 0, 0, 0.49979132) 46.875vmax,
		rgba(0, 0, 0, 0.49119551) 47.6562vmax,
		rgba(0, 0, 0, 0.48499583) 48.4375vmax,
		rgba(0, 0, 0, 0.48125197) 49.2188vmax,
		rgba(0, 0, 0, 0.48000000) 50vmax);
	mask-image: repeating-linear-gradient(110deg,
		rgba(0, 0, 0, 0.48000000) 0vmax,
		rgba(0, 0, 0, 0.48125197) 0.78125vmax,
		rgba(0, 0, 0, 0.48499583) 1.5625vmax,
		rgba(0, 0, 0, 0.49119551) 2.34375vmax,
		rgba(0, 0, 0, 0.49979132) 3.125vmax,
		rgba(0, 0, 0, 0.51070047) 3.90625vmax,
		rgba(0, 0, 0, 0.52381790) 4.6875vmax,
		rgba(0, 0, 0, 0.53901728) 5.46875vmax,
		rgba(0, 0, 0, 0.55615224) 6.25vmax,
		rgba(0, 0, 0, 0.57505775) 7.03125vmax,
		rgba(0, 0, 0, 0.59555174) 7.8125vmax,
		rgba(0, 0, 0, 0.61743685) 8.59375vmax,
		rgba(0, 0, 0, 0.64050231) 9.375vmax,
		rgba(0, 0, 0, 0.66452598) 10.1562vmax,
		rgba(0, 0, 0, 0.68927652) 10.9375vmax,
		rgba(0, 0, 0, 0.71451554) 11.7188vmax,
		rgba(0, 0, 0, 0.74000000) 12.5vmax,
		rgba(0, 0, 0, 0.76548446) 13.2812vmax,
		rgba(0, 0, 0, 0.79072348) 14.0625vmax,
		rgba(0, 0, 0, 0.81547402) 14.8438vmax,
		rgba(0, 0, 0, 0.83949769) 15.625vmax,
		rgba(0, 0, 0, 0.86256315) 16.4062vmax,
		rgba(0, 0, 0, 0.88444826) 17.1875vmax,
		rgba(0, 0, 0, 0.90494225) 17.9688vmax,
		rgba(0, 0, 0, 0.92384776) 18.75vmax,
		rgba(0, 0, 0, 0.94098272) 19.5312vmax,
		rgba(0, 0, 0, 0.95618210) 20.3125vmax,
		rgba(0, 0, 0, 0.96929953) 21.0938vmax,
		rgba(0, 0, 0, 0.98020868) 21.875vmax,
		rgba(0, 0, 0, 0.98880449) 22.6562vmax,
		rgba(0, 0, 0, 0.99500417) 23.4375vmax,
		rgba(0, 0, 0, 0.99874803) 24.2188vmax,
		rgba(0, 0, 0, 1.00000000) 25vmax,
		rgba(0, 0, 0, 0.99874803) 25.7812vmax,
		rgba(0, 0, 0, 0.99500417) 26.5625vmax,
		rgba(0, 0, 0, 0.98880449) 27.3438vmax,
		rgba(0, 0, 0, 0.98020868) 28.125vmax,
		rgba(0, 0, 0, 0.96929953) 28.9062vmax,
		rgba(0, 0, 0, 0.95618210) 29.6875vmax,
		rgba(0, 0, 0, 0.94098272) 30.4688vmax,
		rgba(0, 0, 0, 0.92384776) 31.25vmax,
		rgba(0, 0, 0, 0.90494225) 32.0312vmax,
		rgba(0, 0, 0, 0.88444826) 32.8125vmax,
		rgba(0, 0, 0, 0.86256315) 33.5938vmax,
		rgba(0, 0, 0, 0.83949769) 34.375vmax,
		rgba(0, 0, 0, 0.81547402) 35.1562vmax,
		rgba(0, 0, 0, 0.79072348) 35.9375vmax,
		rgba(0, 0, 0, 0.76548446) 36.7188vmax,
		rgba(0, 0, 0, 0.74000000) 37.5vmax,
		rgba(0, 0, 0, 0.71451554) 38.2812vmax,
		rgba(0, 0, 0, 0.68927652) 39.0625vmax,
		rgba(0, 0, 0, 0.66452598) 39.8438vmax,
		rgba(0, 0, 0, 0.64050231) 40.625vmax,
		rgba(0, 0, 0, 0.61743685) 41.4062vmax,
		rgba(0, 0, 0, 0.59555174) 42.1875vmax,
		rgba(0, 0, 0, 0.57505775) 42.9688vmax,
		rgba(0, 0, 0, 0.55615224) 43.75vmax,
		rgba(0, 0, 0, 0.53901728) 44.5312vmax,
		rgba(0, 0, 0, 0.52381790) 45.3125vmax,
		rgba(0, 0, 0, 0.51070047) 46.0938vmax,
		rgba(0, 0, 0, 0.49979132) 46.875vmax,
		rgba(0, 0, 0, 0.49119551) 47.6562vmax,
		rgba(0, 0, 0, 0.48499583) 48.4375vmax,
		rgba(0, 0, 0, 0.48125197) 49.2188vmax,
		rgba(0, 0, 0, 0.48000000) 50vmax);
	mask-mode: alpha;
}
html .se-glass-environment__flow {
	will-change: transform;
	animation: se-glass-flow 16s linear infinite;
}
.se-glass-environment__direction {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 142vmax;
	height: 142vmax;
	margin-left: -71vmax;
	margin-top: -71vmax;
	transform-origin: center;
}
.se-glass-environment__sheen {
	position: absolute;
	inset: 0 auto 0 0;
	width: 242vmax;
	height: 100%;
	background: repeating-linear-gradient(90deg,
		rgba(255,255,255,0) 0vmax 10vmax,
		rgba(255,255,255,.055) 25vmax,
		rgba(255,255,255,0) 40vmax 60vmax,
		rgba(255,255,255,.055) 75vmax,
		rgba(255,255,255,0) 90vmax 100vmax);
}
html .se-glass-environment__direction {
	will-change: transform;
	animation: se-glass-direction 128s cubic-bezier(.45,0,.55,1) infinite alternate;
}
html .se-glass-environment__sheen {
	will-change: transform;
	animation: se-glass-sheen-flow 16s linear infinite;
}
@keyframes se-glass-flow {
	from { transform: translate3d(0,0,0); }
	to { transform: translate3d(-106.41777725vmax,0,0); }
}
@keyframes se-glass-sheen-flow {
	from { transform: translate3d(0,0,0); }
	to { transform: translate3d(-100vmax,0,0); }
}
@keyframes se-glass-direction {
	0% { transform: rotate(0deg); }
	12.5% { transform: rotate(45deg); }
	25% { transform: rotate(90deg); }
	37.5% { transform: rotate(135deg); }
	50% { transform: rotate(180deg); }
	62.5% { transform: rotate(225deg); }
	75% { transform: rotate(270deg); }
	87.5% { transform: rotate(315deg); }
	100% { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) { .lg-ambient .se-glass-environment__flow, .lg-ambient .se-glass-environment__direction, .lg-ambient .se-glass-environment__sheen { animation: none !important; } }

/* Three contact options share the row on wide screens. */
@media (min-width: 1101px) { html body .contact-info .info-cards-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }

/* SeekReal anime: cel-inspired outlines, airy glass and hopeful color. */
:root { --anime-ink:#293b55; --anime-purple:#6e56a6; --anime-blue:#4f84b7; --anime-rose:#d67c98; }
html body { --lg-ink:var(--anime-ink); --lg-muted:#465b6b; --lg-accent:#514987; }
html body :is(h1,h2,h3,h4,h5,h6) { color:var(--anime-ink) !important; }
html body .navigation { border:2px solid rgba(255,255,255,.88) !important; box-shadow:0 6px 0 rgba(111,121,176,.13),0 16px 42px rgba(70,82,129,.12),inset 0 1px #fff !important; }
html body .logo-icon { filter:drop-shadow(0 2px 2px rgba(83,75,141,.2)); }
html body .logo-text { color:#313e62 !important; }
html body :is(.r7-kicker,.header-label,.section-label) { color:#755596 !important; font-weight:700; }
html body :is(.r7-kicker,.header-label,.section-label)::before { content:'✦'; color:#e69c73; margin-right:.6em; font-size:1.15em; }
html body .r8-home-hero h1 { text-shadow:2px 3px 0 rgba(255,255,255,.65),5px 6px 0 rgba(116,136,197,.14); }
html body .lg-orb { width:110%; max-width:520px; border:0 !important; border-radius:0 !important; background:transparent url('/image/seekreal-anime-hero.png') center / contain no-repeat !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; animation:anime-float 8s ease-in-out infinite; }
html body .lg-orb::before,html body .lg-orb::after { display:none !important; }
html body .lg-orbit-ring { border:0 !important; }
html body .lg-orbit-label { color:#4b527b; border:2px solid #fff; background:rgba(255,251,255,.76); box-shadow:0 4px 0 rgba(115,102,164,.15); font-weight:700; }
@keyframes anime-float { 0%,100% {transform:translateY(0)} 50% {transform:translateY(-12px)} }
html body :is(.r7-card,.inner-card,.info-card,.hero-card,.step-card,.faq-item,.auth-card,.admin-card,.form-wrapper,.content-item,.member-card,.usage-card,.feature-card,.trust-card,.value-card,.stage-card,.story-block) { border:2px solid rgba(255,255,255,.92) !important; border-radius:24px !important; background:linear-gradient(140deg,rgba(255,255,255,.76),rgba(255,247,255,.52)) !important; box-shadow:0 5px 0 rgba(125,116,176,.13),0 15px 38px rgba(89,99,156,.12),inset 0 1px rgba(255,255,255,.95) !important; }
html body :is(.r7-card,.info-card,.step-card,.feature-card,.member-card):hover { border-color:#fff !important; transform:translateY(-4px); box-shadow:0 8px 0 rgba(125,116,176,.16),0 20px 45px rgba(89,99,156,.16) !important; }
html body :is(.r7-button,.cta-button,.submit-button,.auth-button,.action-button.primary,.primary-button,.primary-cta-button,.cta-btn,.whitepaper-button,.cta-link) { background:linear-gradient(125deg,#66599e,#547eae) !important; border:2px solid rgba(255,255,255,.78) !important; box-shadow:0 4px 0 #4a518a,0 9px 18px rgba(73,77,133,.18),inset 0 1px rgba(255,255,255,.35) !important; }
html body :is(.r7-button,.cta-button,.submit-button,.auth-button,.cta-btn):hover { background:linear-gradient(125deg,#7867b2,#6293bf) !important; box-shadow:0 5px 0 #4a518a,0 11px 22px rgba(73,77,133,.2) !important; }
html body :is(.r7-secondary,.secondary-button,.secondary-cta-button,.action-button.secondary,.back-link,.detail-close,.drawer-close,.lg-motion-toggle,.lang-button) { color:#514b80 !important; background:rgba(255,255,255,.75) !important; border:2px solid rgba(150,134,195,.32) !important; box-shadow:0 3px 0 rgba(128,118,169,.16) !important; }
html body :is(input,textarea,select) { border:2px solid rgba(153,154,195,.45) !important; background:rgba(255,255,255,.83) !important; }
html body :is(input,textarea,select):focus { border-color:#8271bd !important; box-shadow:0 0 0 3px rgba(130,113,189,.17) !important; }
html body :is(.r7-callout,.r9-case-boundary) { border-left-color:#9c85c6 !important; }
html body :is(.card-icon,.avatar-circle,.highlight-badge) { background:rgba(228,215,244,.65) !important; border-color:rgba(140,121,189,.25) !important; color:#695c9d !important; }
html body .card-icon svg { stroke:#695c9d !important; }
html body .footer { background:rgba(228,231,249,.58) !important; border-top:2px solid rgba(255,255,255,.78) !important; }
html body :is(.footer-link,.bottom-link,.copyright,.footer-qr-copy,.social-status-item,.footer-social-status) { color:#4e5a70 !important; }
@media (max-width:700px) { html body .lg-orb { width:118%; } html body .navigation { border-width:1px !important; } }
@media (prefers-reduced-motion:reduce) { html body .lg-orb { animation:none !important; } }
@media print { html body .lg-orbit { display:none !important; } }

/* Stronger original anime visual system: expressive ink, cel shading and character art. */
:root { --anime-ink:#263452; --anime-purple:#7253aa; --anime-blue:#478cc2; --anime-rose:#d66f93; }
html body { --lg-ink:var(--anime-ink); --lg-muted:#425371; --lg-accent:#7253aa; }
html body .navigation { background:linear-gradient(100deg,rgba(255,249,255,.9),rgba(236,246,255,.86),rgba(255,239,248,.88)) !important; border:2px solid white !important; box-shadow:0 5px 0 rgba(102,87,154,.25),0 15px 34px rgba(99,91,161,.17),inset 0 2px rgba(255,255,255,.96) !important; }
html body .logo-icon { width:38px; height:38px; filter:drop-shadow(0 2px 1px rgba(76,65,122,.25)); }
html body .logo-text { color:#31345f !important; font-weight:750 !important; letter-spacing:.02em !important; }
html body .nav-link:hover,html body .nav-link.router-link-exact-active { color:#8b4f9b !important; }
html body .nav-link.router-link-exact-active::after { background:linear-gradient(90deg,#ef93ab,#8a76d1,#69bbce) !important; }
html body :is(.r7-kicker,.header-label,.section-label) { color:#78529e !important; font-weight:800 !important; letter-spacing:.13em !important; }
html body :is(.r7-kicker,.header-label,.section-label)::before { content:'✦'; color:#ef849e; text-shadow:1px 1px white; }
html body :is(.r7-section h2,.section-title,.members-title,.form-title,.page-title) { color:#30365c !important; text-shadow:2px 2px white,4px 4px 0 rgba(135,114,193,.17); font-weight:700 !important; }
html body .r8-home-hero h1 { color:#30365c !important; text-shadow:2px 3px white,5px 6px 0 rgba(152,107,201,.30) !important; font-weight:700 !important; }
html body .lg-orb { width:115%; height:110%; max-width:550px; aspect-ratio:auto; background:transparent url('/image/seekreal-anime-hero.png') center bottom / contain no-repeat !important; filter:drop-shadow(0 10px 13px rgba(105,99,166,.22)); }
html body .lg-orbit { height:500px; top:-65px; right:0; }
html body .lg-orbit-label { border:2px solid #fff; background:linear-gradient(110deg,#fff8fc,#e4f5ff); color:#62517e; box-shadow:0 4px 0 rgba(133,103,176,.2); }
html body :is(.r7-section,.guide-steps,.guide-faq,.guide-cta,.contact-info,.contact-form-section,.whitepaper-content,.whitepaper-cta,.inner-section,.team-story-section,.team-members-section,.team-manifesto-section,.usage-section,.features,.trust-section,.vision-section,.metrics-section,.growth-path,.ability-cert,.rank-system,.real-tasks,.business-structure,.moat,.market,.roadmap,.whitepaper-section) { border-color:rgba(255,255,255,.55) !important; }
html body :is(.r7-card,.inner-card,.info-card,.hero-card,.step-card,.faq-item,.auth-card,.admin-card,.form-wrapper,.content-item,.member-card,.usage-card,.feature-card,.trust-card,.value-card,.stage-card,.story-block) { border:2px solid rgba(255,255,255,.96) !important; border-radius:22px !important; background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(250,238,255,.73) 55%,rgba(227,249,255,.76)) !important; box-shadow:0 5px 0 rgba(135,111,185,.25),0 15px 35px rgba(98,90,158,.14),inset 0 2px #fff !important; }
html body :is(.r7-card,.info-card,.step-card,.feature-card,.member-card):nth-child(4n+2) { background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(229,249,255,.78),rgba(235,232,255,.78)) !important; }
html body :is(.r7-card,.info-card,.step-card,.feature-card,.member-card):nth-child(4n+3) { background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,234,241,.76),rgba(249,240,255,.78)) !important; }
html body :is(.r7-card,.info-card,.step-card,.feature-card,.member-card):hover { transform:translateY(-5px); box-shadow:0 8px 0 rgba(135,111,185,.26),0 18px 37px rgba(98,90,158,.2) !important; }
html body :is(.r7-button,.cta-button,.submit-button,.auth-button,.action-button.primary,.primary-button,.primary-cta-button,.cta-btn,.whitepaper-button,.cta-link) { background:linear-gradient(120deg,#aa70be,#6a7fd1 58%,#52a2c5) !important; border:2px solid white !important; color:white !important; text-shadow:0 1px 2px rgba(55,49,98,.48); font-weight:700 !important; box-shadow:0 4px 0 #62609f,0 10px 18px rgba(102,91,157,.22),inset 0 2px rgba(255,255,255,.55) !important; }
html body :is(.r7-secondary,.secondary-button,.secondary-cta-button,.action-button.secondary,.back-link,.detail-close,.drawer-close,.lg-motion-toggle,.lang-button) { color:#604f87 !important; background:linear-gradient(120deg,rgba(255,251,255,.96),rgba(237,244,255,.9)) !important; text-shadow:none !important; border:2px solid rgba(255,255,255,.96) !important; box-shadow:0 4px 0 rgba(143,121,188,.29) !important; }
html body :is(input,textarea,select) { background:rgba(255,255,255,.91) !important; border:2px solid rgba(159,146,199,.56) !important; box-shadow:inset 0 2px rgba(231,225,249,.5) !important; }
html body .footer { background:linear-gradient(110deg,rgba(234,228,255,.78),rgba(225,244,255,.76),rgba(255,233,246,.78)) !important; }
@media (max-width:900px) { html body .nav-menu { background:rgba(249,244,255,.97) !important; } }
@media (max-width:640px) {
 html body .logo-icon { width:31px; height:31px; }
 html body .r8-home-hero .lg-orbit { position:relative; z-index:0; width:min(85%,300px); height:310px; top:auto; right:auto; margin:14px auto -20px; opacity:1; }
 html body .r8-home-hero .lg-orb { width:100%; height:100%; }
 html body .r8-home-hero .lg-orbit-label { display:none; }
}
@media (prefers-reduced-motion:reduce) { html body .lg-orb { animation:none !important; } }
@media print { html body .lg-orbit { display:none !important; } }