*{box-sizing:border-box;margin:0}:root{color-scheme:light;--ink: #121212;--ink-2: #2f2b3a;--ink-3: #4a4556;--ink-lav: #2a2438;--violet: #5b2fa8;--lavender: #c7a6f5;--line: rgba(18, 18, 18, .18);--gutter: clamp(20px, 5vw, 72px);--section: clamp(56px, 8vw, 112px)}html{scroll-behavior:smooth}body{color:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;background:#d9c9fa;background-image:linear-gradient(165deg,#e6fbf0,#b9f3d6 40%,#a4ecd8,#d9c9fa);background-repeat:no-repeat;background-size:100% 100vh;background-attachment:fixed}a{color:var(--violet)}a:hover{color:var(--ink)}summary::-webkit-details-marker{display:none}.wrap{max-width:1240px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.eyebrow.violet{color:var(--violet)}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:32px 40px}.span2{grid-column:span 2}@media (max-width: 759px){.span2{grid-column:auto}}p.body{color:var(--ink-2);line-height:1.55;text-wrap:pretty}.hero{position:relative;margin-top:-69px;min-height:100vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:center;gap:clamp(8px,3vw,48px);padding:100px var(--gutter) 32px;max-width:1240px;margin-inline:auto}.hero-text{display:flex;flex-direction:column;gap:clamp(10px,1.8vw,22px);min-width:0}.hero h1{font-weight:600;font-size:clamp(30px,4.6vw,58px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.hero .perex{max-width:480px;font-size:clamp(15px,1.3vw,17px);line-height:1.55;color:var(--ink-2);text-wrap:pretty}.hero .cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.hero-car{min-width:0;display:flex;flex-direction:column;gap:14px}@media (max-width: 759px){.hero-car{margin-top:-72px}}.car{position:relative;height:490px;width:100%;overflow:visible}.card{position:absolute;left:max(30%,50% - 120px);top:50%;width:248px;height:323px;margin:-161px 0 0 -124px;border-radius:20px;overflow:hidden;background:#121212;border:1px solid rgba(255,255,255,.5);box-shadow:0 40px 70px -30px #1212128c;pointer-events:none;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s ease,border-color .4s}@media (max-width: 759px){.card{left:50%}}.card.rewind{transition:transform .22s linear,opacity .22s linear}.card.active{border-color:#ff7bd8e6}.card img,.card video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.card .cap{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 16px;color:#fff;background:linear-gradient(#12121200,#121212c7)}.card .cap b{display:block;font-weight:800;font-size:17px;letter-spacing:-.02em;line-height:1.15}.card .cap small{display:block;font-size:12.5px;color:#ffffffc7;margin-top:3px;line-height:1.35}.card .num{position:absolute;top:12px;right:12px;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#fff;background:#12121273;padding:3px 7px;border-radius:999px}.car-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}.dots{display:flex;gap:6px;align-items:center}.dots span{display:block;height:5px;width:5px;border-radius:999px;background:#12121238;transition:width .4s,background .4s}.dots span.done{background:#e0289ad9}.dots span.on{width:22px;background:#121212e6}.status{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sec{padding-top:var(--section);padding-bottom:var(--section)}.white{background:#fff}.step{border-top:2px solid var(--ink);padding-top:18px}.step .n{font-size:13px;font-weight:700;color:var(--violet);margin-bottom:8px}.step h3{margin:0 0 8px;font-size:20px;font-weight:700;letter-spacing:-.02em}.why h3{margin:0 0 10px;font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.15}h2.big{font-weight:600;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;line-height:1.1;margin:0 0 12px}.themes-row{display:flex;gap:12px;overflow-x:auto;padding:0 var(--gutter) 8px;scrollbar-width:none}.themes-row::-webkit-scrollbar{display:none}.theme{flex:none;width:min(260px,62vw)}.theme img{width:100%;aspect-ratio:9 / 14;object-fit:cover;border-radius:8px;display:block;background:#121212}.theme b{display:block;margin-top:10px;font-weight:700;font-size:14px}.theme small{font-size:13px;color:var(--ink-3)}.theme.ask{display:flex;align-items:center;justify-content:center;text-align:center;aspect-ratio:9 / 14;border:1.5px dashed rgba(18,18,18,.35);border-radius:8px;padding:24px;color:var(--ink-2);line-height:1.5;font-size:15px}.teacher{background:var(--lavender)}.teacher .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:28px 64px;align-items:end}.teacher h2{font-weight:600;font-size:clamp(30px,3.6vw,48px);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.teacher p{margin:0 0 18px;color:var(--ink-lav);line-height:1.6;font-size:17px;text-wrap:pretty}.teacher a{color:var(--ink);font-weight:700;font-size:15px}.trust h2{margin:0 0 20px;font-weight:600;font-size:clamp(26px,2.8vw,36px);letter-spacing:-.03em;line-height:1.1}.trust ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:0 40px}.trust li{padding:14px 0;border-top:1px solid var(--line);line-height:1.5;color:var(--ink-2)}.price h2{margin:0 0 14px;font-weight:600;font-size:clamp(28px,3.2vw,44px);letter-spacing:-.03em;line-height:1.08}.price h2 span{color:var(--violet)}.price p{color:var(--ink-2);line-height:1.6;font-size:17px;max-width:600px;text-wrap:pretty}.faq details{border-top:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:15px 0;font-weight:600;font-size:16px;display:flex;justify-content:space-between;gap:16px}.faq summary span{color:var(--ink-3)}.faq details[open] summary span{transform:rotate(45deg)}.faq p{margin:0 0 16px;color:var(--ink-2);line-height:1.55}.final{border-top:1px solid var(--line)}.final .wrap{padding-top:clamp(64px,9vw,128px);padding-bottom:40px}.final h2{margin:0 0 18px;font-weight:600;font-size:clamp(34px,4.4vw,64px);letter-spacing:-.04em;line-height:1}.foot{margin-top:72px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ink-3)}.foot a{color:inherit;text-decoration:none}.foot a:hover{color:var(--ink)}.demo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#121212d9;display:flex;align-items:center;justify-content:center;padding:24px}.demo video{max-height:100%;max-width:100%;border-radius:12px;box-shadow:0 30px 80px #00000080}