:root { --ink:#211d40; --purple:#5b44d6; --purple-dark:#41309f; --mint:#dff6e9; --paper:#fafaff; --line:#e9e7f5; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; line-height:1.55; }
    a { color:inherit; }
    img { display:block; max-width:100%; }
    .shell { width:min(1120px,calc(100% - 40px)); margin:auto; }
    .topbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0; }
    .topbar img { width:158px; height:auto; }
    .languages { display:flex; gap:6px; align-items:center; }
    .languages a { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; text-decoration:none; font-size:18px; transition:background .2s,transform .2s; }
    .languages a:hover { background:#eeeafd; transform:translateY(-2px); }
    .hero-wrap { overflow:hidden; background:radial-gradient(circle at 88% 20%,#d9f7eb 0,transparent 28%),linear-gradient(135deg,#f2efff 0%,#fff 53%,#eefbf4 100%); }
    .hero { display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center; padding:36px 0 76px; }
    .eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid #cfc7fb; border-radius:999px; color:var(--purple-dark); background:#fff; font-size:.88rem; font-weight:700; }
    .eyebrow::before { content:""; width:8px; height:8px; border-radius:50%; background:#54bf84; box-shadow:0 0 0 4px #dff6e9; }
    h1,h2,h3 { font-family:Outfit,sans-serif; line-height:1.06; letter-spacing:-.035em; }
    h1 { max-width:620px; margin:20px 0; font-size:clamp(3.2rem,6vw,5.4rem); }
    h1 em { color:var(--purple); font-style:normal; }
    .lead { max-width:570px; margin:0 0 26px; color:#514d6b; font-size:1.16rem; }
    .actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
    .button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:12px 20px; border-radius:14px; font-weight:700; text-decoration:none; transition:transform .2s,box-shadow .2s,background .2s; }
    .button:hover { transform:translateY(-2px); }
    .button-play { color:#fff; background:var(--purple); box-shadow:0 10px 22px rgba(91,68,214,.25); }
    .button-play:hover { background:var(--purple-dark); box-shadow:0 13px 28px rgba(91,68,214,.32); }
    .play-icon { font-size:19px; line-height:1; }
    .button-plain { color:var(--purple-dark); background:#fff; border:1px solid #d8d2f6; }
    .availability { margin:14px 0 0; color:#69657f; font-size:.91rem; }
    .availability strong { color:#3e3a55; }
    .hero-visual { position:relative; }
    .hero-visual::before { content:""; position:absolute; inset:7% -5% 0 13%; border-radius:40px; background:#bcebd4; transform:rotate(5deg); }
    .hero-visual img { position:relative; width:100%; min-height:420px; object-fit:cover; border:8px solid #fff; border-radius:34px; box-shadow:0 24px 55px rgba(41,34,92,.18); }
    .mini-card { position:absolute; z-index:1; bottom:24px; left:-22px; max-width:220px; padding:14px 17px; border-radius:16px; background:rgba(255,255,255,.96); box-shadow:0 14px 30px rgba(41,34,92,.17); font-size:.92rem; }
    .mini-card b { display:block; color:var(--purple-dark); font-size:1rem; }
    section { padding:88px 0; }
    .section-kicker { margin:0 0 10px; color:var(--purple); font-weight:700; font-size:.91rem; text-transform:uppercase; letter-spacing:.09em; }
    h2 { margin:0; font-size:clamp(2.2rem,4vw,3.55rem); }
    .intro { max-width:630px; margin:16px 0 0; color:#625e78; font-size:1.08rem; }
    .benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:36px; }
    .benefit { padding:24px; border:1px solid var(--line); border-radius:20px; background:#fff; }
    .benefit-icon { display:grid; place-items:center; width:44px; height:44px; margin-bottom:17px; border-radius:14px; background:#eeeafd; font-size:22px; }
    .benefit h3 { margin:0 0 7px; font-size:1.25rem; }
    .benefit p { margin:0; color:#625e78; }
    .showcase { background:#eeeafd; }
    .split { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }
    .phone { justify-self:center; width:min(300px,100%); padding:10px; border-radius:34px; background:#22203c; box-shadow:0 22px 40px rgba(37,30,82,.22); }
    .phone img { width:100%; border-radius:25px; }
    .checklist { display:grid; gap:12px; margin:25px 0 28px; padding:0; list-style:none; }
    .checklist li { display:flex; gap:10px; align-items:flex-start; }
    .checklist li::before { content:"✓"; display:grid; place-items:center; flex:none; width:23px; height:23px; border-radius:50%; color:#177548; background:#ccefdc; font-weight:700; }
    .feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:38px; }
    .feature { overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fff; }
    .feature-content { padding:21px 21px 16px; }
    .feature-icon { font-size:24px; }
    .feature h3 { margin:10px 0 7px; font-size:1.2rem; }
    .feature p { min-height:52px; margin:0; color:#625e78; font-size:.94rem; }
    .feature img { width:100%; height:185px; object-fit:cover; object-position:top; border-top:1px solid var(--line); }
    .resources { padding-top:20px; }
    .resource-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:38px; }
    .resource { display:grid; grid-template-columns:1fr 190px; gap:23px; align-items:center; min-height:290px; padding:28px; border:1px solid var(--line); border-radius:24px; background:#fff; overflow:hidden; }
    .resource:nth-child(2) { background:#ecf9f1; border-color:#d3eddf; }
    .resource h3 { margin:8px 0 10px; font-size:1.65rem; }
    .resource p { margin:0 0 15px; color:#625e78; }
    .resource ul { display:grid; gap:6px; margin:0 0 21px; padding:0; list-style:none; font-size:.92rem; }
    .resource li { color:#4f4a65; }
    .resource li::before { content:"✓"; margin-right:8px; color:#21965a; font-weight:700; }
    .resource img { width:100%; max-height:248px; object-fit:contain; filter:drop-shadow(0 13px 18px rgba(41,34,92,.13)); }
    .download { padding:0 0 88px; }
    .download-card { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:43px 48px; border-radius:28px; color:#fff; background:linear-gradient(130deg,#4430ab,#7259ee); box-shadow:0 22px 45px rgba(67,48,171,.24); }
    .download-card h2 { max-width:570px; font-size:clamp(2rem,3.5vw,3.1rem); }
    .download-card p { margin:12px 0 0; color:#e5e1ff; }
    .download-card .button-play { flex:none; color:var(--purple-dark); background:#fff; box-shadow:none; }
    footer { padding:35px 0 42px; border-top:1px solid var(--line); }
    .footer-content { display:flex; align-items:center; justify-content:space-between; gap:20px; }
    .footer-content img { width:142px; }
    .footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 22px; color:#625e78; font-size:.91rem; }
    .footer-links a { text-decoration:none; }
    .footer-links a:hover { color:var(--purple); }
    @media (max-width:850px) { .hero,.split { grid-template-columns:1fr; gap:40px; } .hero { padding-bottom:54px; } .hero-visual { max-width:550px; margin:auto; } .benefits { grid-template-columns:1fr; } .feature-grid { grid-template-columns:repeat(2,1fr); } .resource-grid { grid-template-columns:1fr; } .download-card { align-items:flex-start; flex-direction:column; } }
    @media (max-width:520px) { .shell { width:min(100% - 28px,1120px); } .topbar img { width:130px; } .languages { gap:1px; } .hero { padding-top:25px; } h1 { font-size:3rem; } .hero-visual img { min-height:310px; } .mini-card { left:8px; bottom:14px; } section { padding:65px 0; } .feature-grid { grid-template-columns:1fr; } .resource { grid-template-columns:1fr; } .resource img { width:180px; justify-self:center; } .download { padding-bottom:65px; } .download-card { padding:31px 26px; border-radius:22px; } .footer-content { align-items:flex-start; flex-direction:column; } .footer-links { justify-content:flex-start; } }