:root {
    --lani-aura-ink: #263149;
    --lani-aura-muted: #657086;
    --lani-aura-blue: #3159a6;
    --lani-aura-deep: #253a72;
    --lani-aura-violet: #8a55a3;
    --lani-aura-cyan: #238f8a;
    --lani-aura-soft: #f5f7fc;
    --lani-aura-line: #dce3f1;
}

.lani-aura { color: var(--lani-aura-ink); overflow: hidden; }
.lani-aura-inner { margin-inline: auto; max-width: 1120px; width: calc(100% - 48px); }
.lani-aura-kicker { color: var(--lani-aura-blue); font-size: 12px; font-weight: 800; letter-spacing: .16em; margin: 0 0 14px; }
.lani-aura-hero { background: radial-gradient(circle at 82% 16%,rgba(98,201,195,.26),transparent 31%),radial-gradient(circle at 12% 84%,rgba(138,85,163,.15),transparent 34%),linear-gradient(135deg,#f8fbff,#f7f3fb); border-bottom: 1px solid var(--lani-aura-line); padding: 78px 0 72px; }
.lani-aura-hero__grid { align-items: center; display: grid; gap: 54px; grid-template-columns: minmax(0,1.12fr) minmax(270px,.88fr); }
.lani-aura-hero h1 { color: var(--lani-aura-deep); font-size: clamp(42px,5.3vw,68px); letter-spacing: -.055em; line-height: 1.14; margin: 0; }
.lani-aura-hero__lead { color: var(--lani-aura-muted); font-size: 16px; line-height: 1.95; margin: 27px 0 30px; max-width: 650px; }
.lani-aura a.lani-aura-button { align-items: center; background: var(--lani-aura-deep); border-radius: 999px; color: #fff; display: inline-flex; font-size: 14px; font-weight: 750; gap: 20px; padding: 14px 22px; text-decoration: none; }
.lani-aura a.lani-aura-button:hover,.lani-aura a.lani-aura-button:focus-visible { background: var(--lani-aura-blue); color: #fff; }
.lani-aura-spectrum { aspect-ratio: 1; margin: auto; max-width: 380px; position: relative; width: 100%; }
.lani-aura-spectrum::before,.lani-aura-spectrum::after { border: 1px solid rgba(49,89,166,.2); border-radius: 50%; content: ""; inset: 4%; position: absolute; }
.lani-aura-spectrum::after { inset: 17%; }
.lani-aura-spectrum span { background: rgba(91,140,232,.76); border-radius: 50%; filter: blur(1px); height: 45%; left: 16%; position: absolute; top: 28%; width: 45%; }
.lani-aura-spectrum span:nth-child(2) { background: rgba(98,201,195,.72); left: 40%; top: 17%; }
.lani-aura-spectrum span:nth-child(3) { background: rgba(180,111,183,.68); left: 37%; top: 43%; }
.lani-aura-spectrum i { background: rgba(255,255,255,.92); border-radius: 50%; box-shadow: 0 0 44px 28px rgba(255,255,255,.74); height: 18%; left: 41%; position: absolute; top: 40%; width: 18%; }
.lani-aura-section { padding-block: 76px 8px; }
.lani-aura-section__header { max-width: 730px; }
.lani-aura-section__header h2,.lani-aura-note h2 { color: var(--lani-aura-deep); font-size: clamp(28px,3.4vw,42px); letter-spacing: -.035em; line-height: 1.3; margin: 0; }
.lani-aura-section__header>p:last-child,.lani-aura-note p { color: var(--lani-aura-muted); line-height: 1.85; margin: 14px 0 0; }
.lani-aura-paths { display: grid; gap: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 32px; }
.lani-aura-paths a { background: #fff; border: 1px solid var(--lani-aura-line); border-radius: 15px; box-shadow: 0 8px 24px rgba(37,58,114,.06); min-height: 138px; padding: 18px; text-decoration: none; transition: border-color .18s ease,transform .18s ease; }
.lani-aura-paths span,.lani-aura-paths strong,.lani-aura-paths small { display: block; }
.lani-aura-paths span { color: var(--lani-aura-violet); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.lani-aura-paths strong { color: var(--lani-aura-deep); font-size: 16px; margin-top: 23px; }
.lani-aura-paths small { color: var(--lani-aura-muted); font-size: 12px; margin-top: 5px; }
.lani-aura-link-grid { display: grid; gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 30px; }
.lani-aura-link-grid>a { align-items: center; background: var(--lani-aura-soft); border: 1px solid transparent; border-radius: 14px; color: var(--lani-aura-ink); display: grid; gap: 13px; grid-template-columns: auto minmax(0,1fr) auto; min-height: 104px; padding: 16px; text-decoration: none; transition: border-color .18s ease,transform .18s ease; }
.lani-aura-link-grid>a:hover,.lani-aura-link-grid>a:focus-visible,.lani-aura-paths a:hover,.lani-aura-paths a:focus-visible { border-color: var(--lani-aura-blue); transform: translateY(-2px); }
.lani-aura-link-grid__number { color: var(--lani-aura-violet); font-size: 11px; font-weight: 800; }
.lani-aura-link-grid strong,.lani-aura-link-grid small { display: block; }
.lani-aura-link-grid strong { color: var(--lani-aura-deep); font-size: 15px; line-height: 1.45; }
.lani-aura-link-grid small { color: var(--lani-aura-muted); font-size: 11px; line-height: 1.5; margin-top: 4px; }
.lani-aura-link-grid__arrow { color: var(--lani-aura-blue); }
.lani-aura-note { align-items: flex-start; background: linear-gradient(135deg,var(--lani-aura-deep),#514374); border-radius: 22px; color: #fff; display: grid; gap: 22px; grid-template-columns: auto 1fr; margin-top: 78px; padding: 32px; }
.lani-aura-note .lani-aura-kicker,.lani-aura-note h2,.lani-aura-note p { color: #fff; }
.lani-aura-note p { opacity: .88; }
.lani-aura-note__mark { align-items: center; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.3); border-radius: 50%; display: flex; flex: 0 0 48px; font-family: Georgia,serif; font-size: 24px; height: 48px; justify-content: center; width: 48px; }
.lani-aura-latest { display: grid; gap: 14px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 30px; }
.lani-aura-latest article { background: #fff; border: 1px solid var(--lani-aura-line); border-radius: 16px; overflow: hidden; }
.lani-aura-latest article>a { color: var(--lani-aura-ink); display: block; text-decoration: none; }
.lani-aura-latest__image { aspect-ratio: 16/9; background: var(--lani-aura-soft); display: block; overflow: hidden; }
.lani-aura-latest__image img { height: 100%; object-fit: cover; width: 100%; }
.lani-aura-latest__body { display: block; padding: 16px; }
.lani-aura-latest time,.lani-aura-latest strong,.lani-aura-latest small { display: block; }
.lani-aura-latest time { color: var(--lani-aura-muted); font-size: 11px; }
.lani-aura-latest strong { color: var(--lani-aura-deep); font-size: 15px; line-height: 1.6; margin-top: 8px; }
.lani-aura-latest small { color: var(--lani-aura-blue); font-size: 12px; font-weight: 750; margin-top: 14px; }
.lani-aura-all { margin: 24px 0 76px; text-align: right; }
.lani-aura-all a { color: var(--lani-aura-deep); font-weight: 750; text-decoration: none; }

@media (max-width: 900px) {
    .lani-aura-hero__grid { gap: 30px; grid-template-columns: minmax(0,1.15fr) minmax(230px,.85fr); }
    .lani-aura-link-grid,.lani-aura-latest { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
    .lani-aura-inner { width: calc(100% - 30px); }
    .lani-aura-hero { padding: 46px 0 42px; }
    .lani-aura-hero__grid { grid-template-columns: 1fr; }
    .lani-aura-hero h1 { font-size: clamp(36px,9.7vw,44px); }
    .lani-aura-hero__lead { font-size: 14px; margin-block: 22px 24px; }
    .lani-aura-spectrum { max-width: 230px; width: 68%; }
    .lani-aura-section { padding-top: 56px; }
    .lani-aura-paths { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .lani-aura-link-grid,.lani-aura-latest { grid-template-columns: 1fr; }
    .lani-aura-note { grid-template-columns: 1fr; margin-top: 58px; padding: 25px 22px; }
    .lani-aura-all { margin-bottom: 58px; }
}

@media (max-width: 390px) {
    .lani-aura-paths a { min-height: 122px; padding: 15px; }
    .lani-aura-link-grid>a { padding: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .lani-aura * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}