/* Scholyn homepage visual-energy layer — intentionally flat, editorial, and non-repetitive. */

.home-hero-single{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:72px;align-items:center}

.hero-visual{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}
.hero-visual::before,.hero-visual::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.hero-visual::before{width:210px;height:210px;right:8px;top:18px;background:#eef3ff}
.hero-visual::after{width:92px;height:92px;left:6px;bottom:30px;background:#fbf4e6}

.hero-visual-card{position:relative;z-index:2;width:min(100%,390px);padding:25px 25px 22px;border:1px solid #d8e0ea;border-radius:18px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.08)}
.visual-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.visual-kicker{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2457e6}
.visual-spark{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#fbf4e6;color:#a46f16;font-size:18px}

.visual-core{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-areas:'icon title' 'icon note';column-gap:14px;align-items:center;padding:18px;border:1px solid #e4e9f0;border-radius:14px;background:#f8fafc}
.visual-core-icon{grid-area:icon;display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:#2457e6;color:#fff;font-size:28px;box-shadow:0 10px 24px rgba(36,87,230,.18)}
.visual-core strong{grid-area:title;font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:500;line-height:1.08;color:#101828}
.visual-core small{grid-area:note;margin-top:4px;color:#667085;font-size:11.5px;line-height:1.45}

.visual-route{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.visual-route::before{content:"";position:absolute;left:50%;top:19px;bottom:19px;width:1px;background:#dce3ec;transform:translateX(-50%);z-index:0}
.visual-step{position:relative;z-index:1;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e1e7ee;border-radius:12px;background:#fff}
.visual-step-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;font-size:16px}
.visual-step:nth-child(1) .visual-step-icon{background:#eef3ff;color:#2457e6}
.visual-step:nth-child(2) .visual-step-icon{background:#eef8f2;color:#24724a}
.visual-step:nth-child(3) .visual-step-icon{background:#fbf4e6;color:#a46f16}
.visual-step:nth-child(4) .visual-step-icon{background:#f5eefb;color:#7a3bb2}
.visual-step b{display:block;font-size:11.5px;color:#273142}
.visual-step small{display:block;margin-top:2px;font-size:10.5px;color:#7a8696}

.visual-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.visual-proof span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e1e7ee;border-radius:999px;background:#fff;color:#596579;font-size:10.5px;font-weight:600}
.visual-proof i{color:#2457e6}

.visual-float{position:absolute;z-index:3;display:grid;place-items:center;border:1px solid #d8e0ea;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.08)}
.visual-float-a{width:58px;height:58px;right:-2px;bottom:57px;border-radius:18px;color:#2457e6;font-size:24px;transform:rotate(7deg)}
.visual-float-b{width:48px;height:48px;left:8px;top:62px;border-radius:15px;color:#a46f16;font-size:20px;transform:rotate(-8deg)}

.help-grid{gap:14px;border:0!important;background:transparent}
.help-item{position:relative;min-height:286px!important;border:1px solid #dfe5ec!important;border-radius:15px!important;padding:24px!important;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.help-item::after{content:"";position:absolute;width:76px;height:76px;right:-24px;top:-24px;border-radius:50%;background:#f4f7fb;transition:transform .18s ease}
.help-item:hover{transform:translateY(-3px);border-color:#b9c8dc!important;box-shadow:0 13px 28px rgba(15,23,42,.07)!important;background:#fff!important}
.help-item:hover::after{transform:scale(1.18)}

.help-topline{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.help-icon{position:relative;z-index:1;display:grid;width:42px;height:42px;place-items:center;border-radius:13px;font-size:19px}
.help-kicker{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#657184}
.help-item:nth-child(1) .help-icon{background:#eef3ff;color:#2457e6}
.help-item:nth-child(2) .help-icon{background:#eef8f2;color:#24724a}
.help-item:nth-child(3) .help-icon{background:#fbf4e6;color:#a46f16}
.help-item:nth-child(4) .help-icon{background:#f5eefb;color:#7a3bb2}
.help-item:nth-child(5) .help-icon{background:#fff0f2;color:#b4234d}
.help-item:nth-child(6) .help-icon{background:#eaf8fb;color:#08788a}
.help-item-assessment{background:#fff!important}

.home-secondary-help{position:relative;overflow:hidden}
.home-secondary-help::after{content:"?";position:absolute;right:4%;top:-45px;font-family:Georgia,'Times New Roman',serif;font-size:190px;line-height:1;color:#eef2f7;pointer-events:none}
.secondary-help-links,.secondary-help-head{position:relative;z-index:1}

@media(max-width:1050px){
  .home-hero-single{grid-template-columns:1fr;gap:44px}
  .hero-visual{min-height:390px;justify-content:flex-start}
  .hero-visual-card{width:min(100%,520px)}
  .visual-float-a{right:auto;left:470px}
}

@media(max-width:760px){
  .home-hero-single{gap:34px}
  .hero-visual{min-height:auto;padding:8px 0 12px}
  .hero-visual::before{width:150px;height:150px;right:-20px;top:-8px}
  .hero-visual::after{display:none}
  .hero-visual-card{width:100%;padding:20px;border-radius:15px}
  .visual-route{grid-template-columns:1fr 1fr}
  .visual-float{display:none}
  .help-grid{gap:10px}
}

@media(max-width:560px){
  .visual-route{grid-template-columns:1fr}
  .visual-route::before{display:none}
  .visual-core{grid-template-columns:48px minmax(0,1fr)}
  .visual-core-icon{width:48px;height:48px;border-radius:14px;font-size:23px}
  .visual-core strong{font-size:20px}
  .help-item{min-height:auto!important;padding:20px!important}
  .help-topline{margin-bottom:15px}
  .home-secondary-help::after{display:none}
}