/* FitEvde homepage — scoped visual system */
.home-page { --ink:#211a32; --muted:#706a7c; --violet:#6d4aff; --violet-dark:#43299d; --lilac:#f1eeff; --line:#e9e5f0; background:#fff; color:var(--ink); }
.home-page header.site-header { background:rgba(255,255,255,.78); border-color:rgba(49,33,97,.09); }
.home-page .header-inner { max-width:1220px; padding:14px 28px; }.home-page .logo-text { font-size:23px; }.home-page nav.site-nav ul { gap:25px; }.home-page .nav-cta { padding:9px 18px; box-shadow:0 8px 18px rgba(109,74,255,.17); }
.home-page .hero { padding:142px 28px 98px; background:radial-gradient(circle at 83% 16%,#e9e1ff 0,rgba(233,225,255,.15) 26%,transparent 47%),linear-gradient(117deg,#fbfaff 0%,#f4f1ff 57%,#fff8f4 100%); }.home-page .hero::before { content:""; position:absolute; width:490px; height:490px; border:72px solid rgba(109,74,255,.075); border-radius:50%; left:-210px; bottom:-295px; }
.home-page .hero-inner { max-width:1160px; gap:72px; }.home-page .hero-badge { background:#fff; border:1px solid rgba(109,74,255,.14); color:#6040db; padding:8px 13px; font-size:12px; letter-spacing:.06em; text-transform:uppercase; box-shadow:0 7px 20px rgba(61,38,122,.06); }.home-page .hero h1 { color:var(--ink); font-size:clamp(46px,5vw,70px); line-height:1.01; letter-spacing:-.065em; max-width:610px; margin-bottom:22px; }.home-page .hero h1 span { color:var(--violet); }.home-page .hero-desc { max-width:555px; color:var(--muted); font-size:18px; line-height:1.7; }.home-page .btn { border-radius:12px; padding:14px 21px; font-size:14px; }.home-page .btn-primary { background:linear-gradient(135deg,var(--violet),#9276ff); box-shadow:0 12px 25px rgba(109,74,255,.25); }.home-page .btn-outline { border-color:rgba(78,51,167,.28); color:#5035b3; background:rgba(255,255,255,.65); }.home-page .hero-pills { margin-top:4px; }.home-page .pill { background:rgba(255,255,255,.72); border-color:rgba(55,35,111,.1); color:#50495d; padding:7px 11px; }.home-page .hero-stats { gap:0; margin-top:33px; }.home-page .hero-stat { padding:0 28px; border-left:1px solid rgba(70,47,136,.14); }.home-page .hero-stat:first-child { padding-left:0; border:0; }.home-page .hero-stat strong { color:var(--violet); font-size:27px; }.home-page .hero-stat span { color:var(--muted); }
.home-page .hero-mockup { min-height:420px; }.home-page .mockup-cards { gap:15px; transform:rotate(2deg); }.home-page .mockup-card { border-radius:20px; box-shadow:0 21px 50px rgba(66,43,135,.18); border-color:rgba(76,52,153,.11); }.home-page .mockup-card img { aspect-ratio:4/5; }.home-page .mockup-card .mc-body { padding:11px 13px 14px; }.home-page .mockup-card .mc-body b { color:var(--ink); font-size:13px; }.home-page .mockup-card .mc-body span { font-size:11px; }.home-page .mockup-float { border-radius:13px; box-shadow:0 15px 35px rgba(37,25,75,.16); }
.home-page .section { padding:100px 28px; }.home-page .section.tight { padding:55px 28px; }.home-page .section-inner { max-width:1160px; }.home-page .bg-light { background:#faf9fd; }.home-page .section-eyebrow { color:var(--violet); text-align:left; font-size:12px; letter-spacing:.12em; margin-bottom:10px; }.home-page .section-title { color:var(--ink); text-align:left; font-size:clamp(32px,3.5vw,46px); line-height:1.08; letter-spacing:-.05em; margin-bottom:12px; }.home-page .section-subtitle { text-align:left; margin:0 0 38px; color:var(--muted); max-width:620px; font-size:16px; }
.home-page .grid { gap:15px; }.home-page .feature-card { border-radius:17px; border:1px solid var(--line); box-shadow:none; padding:25px 22px; background:#fff; transition:transform .2s,box-shadow .2s,border-color .2s; }.home-page .feature-card:hover { transform:translateY(-5px); border-color:#d9d0f8; box-shadow:0 16px 32px rgba(44,28,91,.08); }.home-page .feature-icon { width:45px; height:45px; border-radius:13px; background:var(--lilac); font-size:20px; }.home-page .feature-card h3 { color:var(--ink); font-size:17px; margin:17px 0 7px; letter-spacing:-.02em; }.home-page .feature-card p { color:var(--muted); font-size:14px; line-height:1.58; }.home-page a.feature-card { text-decoration:none; }
.home-page .pquiz-banner { background:linear-gradient(117deg,#292040,#5c3bb5); border-radius:24px; padding:39px 42px; box-shadow:0 18px 45px rgba(47,29,104,.17); position:relative; overflow:hidden; }.home-page .pquiz-banner::after { content:""; width:210px; height:210px; border:38px solid rgba(255,255,255,.07); border-radius:50%; position:absolute; right:-50px; top:-100px; }.home-page .pquiz-banner h2,.home-page .pquiz-banner p,.home-page .pquiz-banner .btn { position:relative; z-index:1; }.home-page .pquiz-banner h2 { font-size:27px; letter-spacing:-.035em; }.home-page .pquiz-banner .btn { border-radius:12px; }
.home-page .cards-grid { gap:18px; }.home-page .p-card { border-radius:18px; border:1px solid var(--line); box-shadow:none; overflow:hidden; }.home-page .p-card:hover { transform:translateY(-5px); box-shadow:0 18px 38px rgba(39,26,81,.12); }.home-page .p-card-media img { aspect-ratio:1.23; }.home-page .p-card-badge { margin:12px; border-radius:9px; font-size:11px; }.home-page .p-card-body { padding:18px; }.home-page .p-card h3 { font-size:17px; line-height:1.3; color:var(--ink); }.home-page .tag { border-radius:7px; background:#f5f3fa; color:#615b6b; }.home-page .p-card-foot { border-color:var(--line); }.home-page .p-card-link { color:var(--violet); }
.home-page .steps { gap:18px; }.home-page .step { padding:24px 19px; }.home-page .step-num { width:42px; height:42px; background:var(--violet); box-shadow:0 7px 18px rgba(109,74,255,.18); }.home-page .step h3 { color:var(--ink); font-size:17px; }.home-page .step p { color:var(--muted); font-size:14px; }.home-page .checklist { border-radius:20px; background:#fbfaff; padding:23px 26px; border:1px solid var(--line); grid-template-columns:repeat(2,1fr); gap:8px 28px; }.home-page .checklist li { color:#4c4657; font-size:15px; }.home-page .checklist li::before { color:var(--violet); }
.home-page .t-grid { gap:15px; }.home-page .t-card { border:1px solid var(--line); border-radius:17px; box-shadow:none; }.home-page .t-avatar { background:var(--lilac); color:var(--violet); }.home-page .t-stars { color:#ff9f43; }.home-page .t-card p { color:#514b5c; }.home-page .t-result { color:#5040a2; background:#f1eeff; }
.home-page .plans { gap:17px; align-items:stretch; }.home-page .plan { border:1px solid var(--line); border-radius:19px; box-shadow:none; padding:29px 25px; }.home-page .plan.featured { border:2px solid var(--violet); box-shadow:0 16px 38px rgba(99,72,220,.16); }.home-page .plan-flag { background:var(--violet); }.home-page .plan-price .now { color:var(--ink); }.home-page .plan ul li::before { color:var(--violet); }
.home-page .faq-item { border-color:var(--line); }.home-page .faq-q { color:var(--ink); font-size:16px; }.home-page .faq-a p { color:var(--muted); }.home-page .disclaimer { border-radius:13px; }.home-page .cta-banner { margin:0 28px 82px; border-radius:28px; max-width:1160px; padding:64px 30px; background:linear-gradient(120deg,#2c2143,#6440bf); box-shadow:0 22px 45px rgba(51,34,104,.2); }.home-page .cta-banner h2 { font-size:clamp(30px,3.5vw,46px); letter-spacing:-.05em; }.home-page .cta-banner .btn-primary { background:#fff; color:#5435b7; box-shadow:none; }.home-page .cta-banner .btn-outline { border-color:rgba(255,255,255,.7); color:#fff; background:transparent; }
@media (min-width:1216px) { .home-page .cta-banner { margin-left:auto; margin-right:auto; } }
@media (max-width:800px) { .home-page .hero { padding:112px 20px 62px; }.home-page .hero-inner { gap:35px; }.home-page .section,.home-page .section.tight { padding:65px 20px; }.home-page .section-title { font-size:34px; }.home-page .hero-stats { gap:0; }.home-page .hero-stat { padding:0 14px; }.home-page .checklist { grid-template-columns:1fr; }.home-page .pquiz-banner { padding:28px 24px; }.home-page .cta-banner { margin:0 20px 58px; padding:46px 22px; } }
@media (max-width:520px) { .home-page .hero h1 { font-size:44px; }.home-page .hero-buttons .btn { width:100%; }.home-page .hero-stat strong { font-size:23px; }.home-page .hero-stat span { font-size:11px; }.home-page .mockup-cards { max-width:330px; }.home-page .cta-banner .hero-buttons .btn { width:auto; }.home-page .plans { grid-template-columns:1fr; } }