/* Geniuspace Product UX 2026 — calm premium layer */
:root{--gp-ink:#071123;--gp-muted:#64748b;--gp-line:rgba(15,23,42,.09);--gp-blue:#2563eb;--gp-indigo:#4f46e5;--gp-gold:#c5a059;--gp-soft:#f8fbff;--gp-card:#fff;--gp-radius:28px;--gp-shadow:0 24px 70px rgba(15,23,42,.075)}
.gre-body{background:radial-gradient(circle at 72px 0,rgba(37,99,235,.08),transparent 320px),linear-gradient(180deg,#fbfdff 0%,#f5f8ff 42%,#fff 100%);color:var(--gp-ink)}
.gre-nav{position:sticky;top:0;z-index:2000;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.07)}
.gre-nav__inner{max-width:1220px;margin:auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.gre-brand{display:inline-flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.04em;color:#071123;text-decoration:none}.gre-brand__mark{width:32px;height:32px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 12px 30px rgba(37,99,235,.22)}
.gre-nav__links{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.gre-nav__links a{display:inline-flex;align-items:center;height:38px;padding:0 11px;border-radius:999px;color:#475569;text-decoration:none;font-weight:850;font-size:.88rem}.gre-nav__links a:hover{background:#eff6ff;color:#1d4ed8}.gre-nav__links a:last-child{background:#071123;color:#fff;box-shadow:0 12px 26px rgba(15,23,42,.18)}
.gre-hero{position:relative;overflow:hidden;padding:82px 0 64px;background:radial-gradient(circle at 82% 18%,rgba(37,99,235,.17),transparent 34%),linear-gradient(135deg,#f8fbff,#eef5ff 55%,#fff)}.gre-hero:after{content:"";position:absolute;right:-90px;bottom:-170px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(197,160,89,.18),transparent 65%);pointer-events:none}.gre-hero .gre-wrap{position:relative;z-index:1}.gre-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eff6ff;border:1px solid rgba(37,99,235,.14);color:#1d4ed8;font-weight:950;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.gre-hero h1{max-width:970px;font-size:clamp(2.35rem,5vw,5.25rem);line-height:.95;letter-spacing:-.075em;margin:18px 0 18px;color:#071123}.gre-lead{max-width:820px;color:#475569;font-size:clamp(1.08rem,1.8vw,1.34rem);line-height:1.58}.gre-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.gre-btn,.gre-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:16px;border:1px solid rgba(15,23,42,.1);background:#fff;color:#0f172a;text-decoration:none;font-weight:950;box-shadow:0 12px 34px rgba(15,23,42,.055)}.gre-btn.blue,.gre-actions .blue{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border-color:transparent;box-shadow:0 18px 42px rgba(37,99,235,.24)}.gre-btn:hover,.gre-actions a:hover{transform:translateY(-1px);text-decoration:none}.gre-section{padding:44px 0}.gre-wrap{max-width:1220px;margin:auto;padding:0 20px}.gre-section h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.055em;line-height:1.02;margin:0 0 20px}.gre-footer{background:#071123;color:#e5e7eb;padding:48px 0;margin-top:40px}.gre-footer p,.gre-footer a{color:#cbd5e1}.gre-footer strong{color:#fff}
.gp-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gp-choice{position:relative;background:#fff;border:1px solid var(--gp-line);border-radius:30px;padding:24px;box-shadow:var(--gp-shadow);overflow:hidden}.gp-choice:before{content:"";position:absolute;inset:auto -55px -75px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.11),transparent 65%)}.gp-choice__num{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#eff6ff;color:#1d4ed8;font-weight:950;margin-bottom:14px}.gp-choice h3{font-size:1.35rem;letter-spacing:-.035em;margin:0 0 8px}.gp-choice p{color:#64748b;line-height:1.6}.gp-choice a{font-weight:950;color:#1d4ed8;text-decoration:none}.gp-choice.dark{background:linear-gradient(135deg,#071123,#111d33 58%,#1d4ed8);color:#fff}.gp-choice.dark p,.gp-choice.dark a{color:#dbeafe}.gp-system-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}.gp-system-step{background:#fff;border:1px solid var(--gp-line);border-radius:24px;padding:18px;box-shadow:0 16px 42px rgba(15,23,42,.045)}.gp-system-step strong{display:block;font-size:1rem;margin-bottom:7px}.gp-system-step small{display:block;color:#64748b;line-height:1.45}.gp-positioning{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:22px;align-items:stretch}.gp-panel{background:#fff;border:1px solid var(--gp-line);border-radius:32px;padding:28px;box-shadow:var(--gp-shadow)}.gp-panel.dark{background:radial-gradient(circle at 80% 10%,rgba(96,165,250,.28),transparent 31%),linear-gradient(135deg,#020617,#0f172a);color:#fff}.gp-panel.dark p,.gp-panel.dark li{color:#dbeafe}.gp-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gp-proof{background:#fff;border:1px solid var(--gp-line);border-radius:24px;padding:19px;box-shadow:0 14px 38px rgba(15,23,42,.045)}.gp-proof b{display:block;color:#1d4ed8;font-size:1.3rem;margin-bottom:6px}.gp-proof span{color:#64748b}.gp-cta-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:linear-gradient(135deg,#071123,#0f172a 58%,#1d4ed8);color:#fff;border-radius:34px;padding:30px;box-shadow:0 28px 80px rgba(15,23,42,.18)}.gp-cta-band p{color:#dbeafe;max-width:760px}.gp-cta-band .gre-btn{box-shadow:none}.gp-compare{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gp-compare article{background:#fff;border:1px solid var(--gp-line);border-radius:26px;padding:20px}.gp-compare h3{margin:0 0 10px;font-size:1.08rem}.gp-compare p{color:#64748b}.gp-compare article.featured{background:#eff6ff;border-color:rgba(37,99,235,.18)}
@media(max-width:980px){.gre-nav__inner{align-items:flex-start;flex-direction:column}.gre-nav__links{justify-content:flex-start}.gp-choice-grid,.gp-positioning,.gp-proof-grid,.gp-compare{grid-template-columns:1fr}.gp-system-line{grid-template-columns:1fr 1fr}.gp-cta-band{grid-template-columns:1fr}.gre-hero{padding:62px 0 48px}}@media(max-width:620px){.gp-system-line{grid-template-columns:1fr}.gre-nav__links a{height:34px;font-size:.82rem;padding:0 9px}.gre-hero h1{font-size:2.25rem}.gp-panel,.gp-choice{border-radius:24px;padding:21px}}