.qvm-page{ --qvm-green:#0d4436; --qvm-green-dark:#082f27; --qvm-green-soft:#eaf4f0; --qvm-gold:#d6ad3c; --qvm-gold-soft:#fbf6e8; --qvm-navy:#142236; --qvm-text:#35443f; --qvm-muted:#66736f; --qvm-border:#dce7e2; --qvm-white:#ffffff; font-family:inherit; color:var(--qvm-text); background:#fff; line-height:1.75; overflow:hidden; } .qvm-page *, .qvm-page *::before, .qvm-page *::after{ box-sizing:border-box; } .qvm-page a{ text-decoration:none; } .qvm-wrap{ width:min(1180px,calc(100% - 40px)); margin-inline:auto; } .qvm-hero{ position:relative; padding:92px 0 82px; color:#fff; background: radial-gradient(circle at 90% 15%,rgba(214,173,60,.20),transparent 28%), radial-gradient(circle at 8% 90%,rgba(255,255,255,.08),transparent 26%), linear-gradient(135deg,var(--qvm-green-dark),var(--qvm-green)); } .qvm-hero::after{ content:""; position:absolute; right:-110px; bottom:-160px; width:360px; height:360px; border:1px solid rgba(255,255,255,.12); border-radius:50%; } .qvm-hero-content{ position:relative; z-index:1; max-width:900px; margin:auto; text-align:center; } .qvm-eyebrow{ display:inline-flex; align-items:center; gap:9px; margin:0 0 18px; color:#f4d77f; font-size:13px; font-weight:800; letter-spacing:1.7px; text-transform:uppercase; } .qvm-eyebrow::before, .qvm-eyebrow::after{ content:""; width:28px; height:1px; background:#f4d77f; } .qvm-page h1, .qvm-page h2, .qvm-page h3{ color:var(--qvm-green-dark); font-family:Georgia,"Times New Roman",serif; line-height:1.2; } .qvm-page h1{ max-width:880px; margin:0 auto 22px; color:#fff; font-size:clamp(38px,5vw,66px); letter-spacing:-1.4px; } .qvm-hero-text{ max-width:790px; margin:0 auto 30px; color:rgba(255,255,255,.88); font-size:18px; } .qvm-actions{ display:flex; flex-wrap:wrap; justify-content:center; gap:13px; } .qvm-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:13px 25px; border:1px solid transparent; border-radius:10px; font-weight:800; transition:transform .2s ease,background .2s ease,border-color .2s ease; } .qvm-btn:hover{ transform:translateY(-2px); } .qvm-btn-primary{ background:var(--qvm-gold); color:var(--qvm-green-dark); } .qvm-btn-primary:hover{ background:#e3bd50; color:var(--qvm-green-dark); } .qvm-btn-outline{ border-color:rgba(255,255,255,.55); color:#fff; } .qvm-btn-outline:hover{ border-color:#fff; background:rgba(255,255,255,.08); color:#fff; } .qvm-trust{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); width:min(1060px,calc(100% - 40px)); margin:-31px auto 0; overflow:hidden; border:1px solid var(--qvm-border); border-radius:16px; background:#fff; box-shadow:0 15px 40px rgba(8,47,39,.10); } .qvm-trust-item{ padding:22px 16px; text-align:center; font-weight:800; color:var(--qvm-green-dark); } .qvm-trust-item:not(:last-child){ border-right:1px solid var(--qvm-border); } .qvm-section{ padding:82px 0; } .qvm-section-soft{ background:#f7faf9; } .qvm-section-dark{ color:#fff; background:var(--qvm-green-dark); } .qvm-heading{ max-width:780px; margin:0 auto 45px; text-align:center; } .qvm-heading .qvm-label{ display:block; margin-bottom:10px; color:#aa8120; font-size:13px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; } .qvm-heading h2{ margin:0 0 15px; font-size:clamp(31px,4vw,48px); } .qvm-heading p{ margin:0; color:var(--qvm-muted); font-size:17px; } .qvm-intro-grid{ display:grid; grid-template-columns:1.12fr .88fr; gap:28px; align-items:stretch; } .qvm-intro-card, .qvm-commitment{ padding:36px; border-radius:20px; } .qvm-intro-card{ border:1px solid var(--qvm-border); background:#fff; box-shadow:0 12px 32px rgba(8,47,39,.06); } .qvm-intro-card h2{ margin:0 0 17px; font-size:38px; } .qvm-intro-card p{ margin:0 0 15px; } .qvm-intro-card p:last-child{ margin-bottom:0; } .qvm-commitment{ color:#fff; background:linear-gradient(145deg,var(--qvm-green),var(--qvm-green-dark)); } .qvm-commitment .qvm-small-title{ display:block; margin-bottom:13px; color:#f1d477; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; } .qvm-commitment h3{ margin:0 0 16px; color:#fff; font-size:29px; } .qvm-commitment p{ margin:0; color:rgba(255,255,255,.86); } .qvm-audience-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; } .qvm-audience-card{ padding:27px 23px; border:1px solid var(--qvm-border); border-radius:17px; background:#fff; transition:transform .2s ease,box-shadow .2s ease; } .qvm-audience-card:hover{ transform:translateY(-4px); box-shadow:0 13px 30px rgba(8,47,39,.08); } .qvm-card-number{ display:flex; align-items:center; justify-content:center; width:43px; height:43px; margin-bottom:18px; border-radius:50%; color:var(--qvm-green-dark); background:var(--qvm-gold-soft); font-weight:900; } .qvm-audience-card h3{ margin:0 0 10px; font-size:22px; } .qvm-audience-card p{ margin:0; color:var(--qvm-muted); font-size:15px; } .qvm-prerequisite{ display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; margin-top:28px; padding:28px; border:1px solid #ead99d; border-radius:18px; background:var(--qvm-gold-soft); } .qvm-prerequisite-mark{ display:flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:50%; color:#fff; background:var(--qvm-green); font-size:24px; font-weight:900; } .qvm-prerequisite h3{ margin:0 0 6px; font-size:24px; } .qvm-prerequisite p{ margin:0; } .qvm-text-link{ color:var(--qvm-green); font-weight:900; } .qvm-path{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } .qvm-step{ position:relative; min-height:210px; padding:29px 28px 26px 84px; border:1px solid var(--qvm-border); border-radius:18px; background:#fff; } .qvm-step-index{ position:absolute; top:29px; left:26px; display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px; color:#fff; background:var(--qvm-green); font-weight:900; } .qvm-step h3{ margin:0 0 10px; font-size:25px; } .qvm-step p{ margin:0; color:var(--qvm-muted); } .qvm-note{ margin-top:25px; padding:24px 27px; border-left:5px solid var(--qvm-gold); border-radius:10px; background:var(--qvm-green-soft); } .qvm-note strong{ color:var(--qvm-green-dark); } .qvm-method-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:19px; } .qvm-method{ padding:27px 24px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.06); } .qvm-method h3{ margin:0 0 10px; color:#fff; font-size:22px; } .qvm-method p{ margin:0; color:rgba(255,255,255,.76); font-size:15px; } .qvm-section-dark .qvm-heading h2{ color:#fff; } .qvm-section-dark .qvm-heading p{ color:rgba(255,255,255,.72); } .qvm-maqamat-layout{ display:grid; grid-template-columns:.85fr 1.15fr; gap:30px; align-items:center; } .qvm-maqamat-panel{ padding:38px; border-radius:21px; color:#fff; background:linear-gradient(145deg,var(--qvm-green-dark),var(--qvm-green)); } .qvm-maqamat-panel h2{ margin:0 0 16px; color:#fff; font-size:39px; } .qvm-maqamat-panel p{ margin:0 0 16px; color:rgba(255,255,255,.83); } .qvm-maqamat-panel p:last-child{ margin-bottom:0; } .qvm-maqam-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:15px; } .qvm-maqam{ padding:24px; border:1px solid var(--qvm-border); border-radius:16px; background:#fff; } .qvm-maqam span{ display:block; margin-bottom:6px; color:#a57a17; font-size:12px; font-weight:900; letter-spacing:1px; text-transform:uppercase; } .qvm-maqam h3{ margin:0 0 7px; font-size:24px; } .qvm-maqam p{ margin:0; color:var(--qvm-muted); font-size:14px; } .qvm-voice-safety{ display:grid; grid-template-columns:1fr 1fr; gap:22px; } .qvm-safety-card{ padding:30px; border:1px solid var(--qvm-border); border-radius:18px; background:#fff; } .qvm-safety-card h3{ margin:0 0 12px; font-size:26px; } .qvm-safety-card p{ margin:0; color:var(--qvm-muted); } .qvm-trial{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .qvm-trial-day{ padding:27px; border:1px solid var(--qvm-border); border-radius:17px; background:#fff; } .qvm-trial-day span{ display:inline-block; margin-bottom:13px; padding:5px 12px; border-radius:30px; color:var(--qvm-green-dark); background:var(--qvm-gold-soft); font-size:13px; font-weight:900; } .qvm-trial-day h3{ margin:0 0 9px; font-size:23px; } .qvm-trial-day p{ margin:0; color:var(--qvm-muted); } .qvm-flexibility{ margin-top:18px; text-align:center; color:var(--qvm-muted); font-size:14px; } .qvm-faq{ max-width:900px; margin:auto; } .qvm-faq details{ margin-bottom:12px; border:1px solid var(--qvm-border); border-radius:13px; background:#fff; } .qvm-faq summary{ padding:19px 22px; color:var(--qvm-green-dark); font-weight:900; cursor:pointer; list-style:none; } .qvm-faq summary::-webkit-details-marker{ display:none; } .qvm-faq summary::after{ content:"+"; float:right; color:#a57a17; font-size:22px; } .qvm-faq details[open] summary::after{ content:"−"; } .qvm-faq details p{ margin:0; padding:0 22px 20px; color:var(--qvm-muted); } .qvm-final{ padding:78px 0; text-align:center; color:#fff; background: radial-gradient(circle at 15% 20%,rgba(214,173,60,.18),transparent 25%), linear-gradient(135deg,var(--qvm-green-dark),var(--qvm-green)); } .qvm-final h2{ max-width:780px; margin:0 auto 16px; color:#fff; font-size:clamp(32px,4vw,48px); } .qvm-final p{ max-width:720px; margin:0 auto 27px; color:rgba(255,255,255,.80); font-size:17px; } .qvm-policy-links{ margin-top:24px; color:rgba(255,255,255,.67); font-size:13px; } .qvm-policy-links a{ color:#f2d170; font-weight:700; } @media (max-width:1000px){ .qvm-trust, .qvm-audience-grid{ grid-template-columns:repeat(2,1fr); } .qvm-trust-item:nth-child(2){ border-right:0; } .qvm-trust-item:nth-child(-n+2){ border-bottom:1px solid var(--qvm-border); } .qvm-intro-grid, .qvm-maqamat-layout{ grid-template-columns:1fr; } .qvm-method-grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:767px){ .qvm-wrap{ width:min(100% - 26px,1180px); } .qvm-hero{ padding:70px 0 66px; } .qvm-hero-text{ font-size:16px; } .qvm-btn{ width:100%; } .qvm-section{ padding:62px 0; } .qvm-trust, .qvm-audience-grid, .qvm-path, .qvm-method-grid, .qvm-maqam-list, .qvm-voice-safety, .qvm-trial{ grid-template-columns:1fr; } .qvm-trust-item{ border-right:0 !important; border-bottom:1px solid var(--qvm-border); } .qvm-trust-item:last-child{ border-bottom:0; } .qvm-intro-card, .qvm-commitment, .qvm-maqamat-panel{ padding:27px 23px; } .qvm-intro-card h2, .qvm-maqamat-panel h2{ font-size:31px; } .qvm-prerequisite{ grid-template-columns:1fr; text-align:center; } .qvm-prerequisite-mark{ margin:auto; } .qvm-step{ padding:79px 23px 25px; } .qvm-step-index{ top:23px; left:23px; } } @media (prefers-reduced-motion:reduce){ .qvm-page *, .qvm-page *::before, .qvm-page *::after{ scroll-behavior:auto !important; transition:none !important; } }