.of-page{--p100:#CBC3E4;--p200:#B6B0F0;--p300:#A08AEA;--p400:#8164E3;--p500:#6A3FDC;--p600:#5A33BA;--p700:#4A2898;--p800:#3A1E7A;--p900:#2A1860;--of-lime:#B8FF2B;--of-lime-dark:#9AE010;--of-white:#fff;--of-light:#F5F3FA;--of-dark:#0E0B1A;--of-text:#1a1a2e;--of-muted:#6E6B7B;--of-border:#E5E1EF;font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--of-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.of-hero{min-height:100vh;background:var(--p500);position:relative;display:flex;align-items:center;overflow:hidden}.of-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(184,255,43,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.06) 0%,transparent 40%)}.of-deco{position:absolute;border:2px solid rgba(255,255,255,.06);border-radius:50%}.of-deco.d1{width:400px;height:400px;top:-100px;right:-100px}.of-deco.d2{width:300px;height:300px;bottom:-50px;left:-80px}.of-hero-inner{max-width:1200px;margin:0 auto;padding:120px 28px 80px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1;width:100%}.of-hero-tag{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--of-lime);font-size:.75rem;font-weight:700;padding:6px 16px;border-radius:50px;margin-bottom:22px;text-transform:uppercase;letter-spacing:.08em}.of-hero h1{font-size:3.4rem;font-weight:900;color:var(--of-white);line-height:1.08;margin-bottom:20px;letter-spacing:-.03em}.of-hero h1 .accent{color:var(--of-lime)}.of-hero-desc{font-size:1.12rem;color:#ffffffa6;line-height:1.65;margin-bottom:32px;max-width:460px}.of-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.of-btn-lime{background:var(--of-lime);color:var(--of-dark);padding:16px 36px;border-radius:50px;font-size:1rem;font-weight:800;text-decoration:none;border:none;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:8px}.of-btn-lime:hover{background:var(--of-lime-dark);transform:translateY(-2px);box-shadow:0 12px 40px #b8ff2b40}.of-btn-ghost{background:transparent;color:var(--of-white);padding:16px 36px;border-radius:50px;font-size:1rem;font-weight:700;text-decoration:none;border:2px solid rgba(255,255,255,.2);transition:all .25s}.of-btn-ghost:hover{border-color:var(--of-lime);color:var(--of-lime)}.of-hero-stats{display:flex;gap:36px}.of-hero-stat .num{font-size:1.7rem;font-weight:900;color:var(--of-white)}.of-hero-stat .label{font-size:.75rem;color:#ffffff73;margin-top:2px}.of-hero-photo{position:relative;display:flex;justify-content:center}.of-hero-photo img{width:100%;max-width:520px;border-radius:24px;box-shadow:0 40px 80px #0e0b1a80;object-fit:cover;aspect-ratio:3/4;max-height:580px}.of-hero-photo:before{content:"";position:absolute;width:90%;height:90%;background:var(--of-lime);opacity:.08;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(60px)}.of-sec{max-width:1200px;margin:0 auto;padding:80px 28px}.of-sec-label{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--p500);margin-bottom:10px}.of-sec-title{font-size:2.1rem;font-weight:900;line-height:1.15;margin-bottom:14px;letter-spacing:-.02em}.of-sec-desc{font-size:1rem;color:var(--of-muted);max-width:560px;margin-bottom:40px;line-height:1.7}.of-photo-strip{display:flex;gap:0;overflow:hidden;height:360px}.of-photo-strip img{flex:1;min-width:0;object-fit:cover;height:100%;transition:flex .4s}.of-photo-strip img:hover{flex:1.5}.of-problem-bg{background:var(--of-light)}.of-prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.of-prob-card{background:var(--of-white);border:1px solid var(--of-border);border-radius:18px;padding:30px;text-align:center;transition:all .25s}.of-prob-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #6a3fdc14;border-color:var(--p300)}.of-prob-icon{font-size:2.4rem;margin-bottom:14px}.of-prob-card h3{font-size:1rem;font-weight:800;margin-bottom:6px}.of-prob-card p{font-size:.88rem;color:var(--of-muted);line-height:1.6}.of-split{max-width:1200px;margin:0 auto;padding:80px 28px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.of-split.reverse{direction:rtl}.of-split.reverse>*{direction:ltr}.of-split-img{border-radius:20px;width:100%;object-fit:cover;aspect-ratio:4/5;max-height:540px;box-shadow:0 20px 60px #0e0b1a1f}.of-steps-wrap{display:flex;flex-direction:column;gap:0;position:relative;padding-left:42px}.of-steps-wrap:before{content:"";position:absolute;left:27px;top:36px;bottom:36px;width:3px;background:linear-gradient(180deg,var(--p500),var(--of-lime));border-radius:3px}.of-step-row{display:flex;gap:22px;align-items:flex-start;padding:22px 0;position:relative}.of-step-dot{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;color:var(--of-white);flex-shrink:0;position:relative;z-index:1;box-shadow:0 4px 20px #6a3fdc4d}.of-step-dot.s1{background:var(--p500)}.of-step-dot.s2{background:var(--p700)}.of-step-dot.s3{background:var(--p800)}.of-step-dot.s4{background:var(--of-dark);box-shadow:0 4px 20px #0000004d}.of-step-body{padding-top:6px}.of-step-body h3{font-size:1.1rem;font-weight:800;margin-bottom:5px}.of-step-body p{font-size:.9rem;color:var(--of-muted);line-height:1.65}.of-photo-banner{position:relative;height:420px;overflow:hidden}.of-photo-banner img{width:100%;height:100%;object-fit:cover;display:block}.of-photo-banner .overlay{position:absolute;inset:0;background:linear-gradient(135deg,#6a3fdcd9,#2a1860e6);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px}.of-photo-banner .overlay h2{font-size:2.4rem;font-weight:900;color:var(--of-white);margin-bottom:12px;letter-spacing:-.02em}.of-photo-banner .overlay h2 .accent{color:var(--of-lime)}.of-photo-banner .overlay p{font-size:1.05rem;color:#fff9;margin-bottom:24px}.of-showcase-bg{background:var(--p500);overflow:hidden;position:relative}.of-showcase-inner{max-width:1200px;margin:0 auto;padding:80px 28px;position:relative;z-index:1}.of-showcase-inner .of-sec-label{color:var(--of-lime)}.of-img-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.of-img-grid img{width:100%;border-radius:20px;box-shadow:0 20px 60px #0e0b1a66;transition:transform .3s}.of-img-grid img:hover{transform:translateY(-8px) scale(1.02)}.of-elo-bg{background:var(--of-dark)}.of-elo-inner{max-width:1200px;margin:0 auto;padding:80px 28px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.of-elo-content .of-sec-label{color:var(--of-lime)}.of-elo-content .of-sec-title{color:var(--of-white)}.of-elo-content p{color:#fff9;margin-bottom:14px;font-size:.95rem;line-height:1.7}.of-elo-bars{display:flex;flex-direction:column;gap:12px}.of-elo-row{display:flex;align-items:center;gap:14px}.of-elo-lbl{width:110px;font-size:.82rem;font-weight:700;color:#fff9;text-align:right}.of-elo-track{flex:1;height:36px;background:#ffffff0d;border-radius:10px;overflow:hidden}.of-elo-fill{height:100%;border-radius:10px;display:flex;align-items:center;padding-left:14px;font-size:.78rem;font-weight:700;color:var(--of-white)}.of-elo-fill.l1{background:var(--p200);width:25%;color:var(--p800)}.of-elo-fill.l2{background:var(--p400);width:50%}.of-elo-fill.l3{background:var(--p500);width:70%}.of-elo-fill.l4{background:var(--p700);width:40%}.of-elo-fill.l5{background:linear-gradient(90deg,var(--p800),var(--p900));width:15%}.of-feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.of-feat-card{background:var(--of-white);border:1px solid var(--of-border);border-radius:18px;padding:28px;transition:all .25s}.of-feat-card:hover{border-color:var(--p300);box-shadow:0 4px 24px #6a3fdc0f}.of-feat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:14px;background:var(--of-light)}.of-feat-card h3{font-size:1rem;font-weight:800;margin-bottom:6px}.of-feat-card p{font-size:.88rem;color:var(--of-muted);line-height:1.6}.of-test-bg{background:var(--of-light)}.of-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.of-test-card{background:var(--of-white);border:1px solid var(--of-border);border-radius:18px;padding:26px}.of-test-stars{color:#fbbf24;font-size:.9rem;margin-bottom:10px;letter-spacing:2px}.of-test-txt{font-size:.9rem;color:var(--of-muted);font-style:italic;margin-bottom:16px;line-height:1.65}.of-test-author{display:flex;align-items:center;gap:10px}.of-test-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--p400),var(--p600));display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:var(--of-white)}.of-test-name{font-size:.85rem;font-weight:700}.of-test-loc{font-size:.72rem;color:var(--of-muted)}.of-faq-wrap{max-width:720px;margin:0 auto}.of-faq-item{border-bottom:1px solid var(--of-border);padding:18px 0}.of-faq-q{font-size:1rem;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:color .2s}.of-faq-q:hover{color:var(--p500)}.of-faq-a{font-size:.9rem;color:var(--of-muted);margin-top:10px;display:none;line-height:1.7}.of-faq-item.open .of-faq-a{display:block}.of-faq-item.open .of-faq-arrow{transform:rotate(180deg)}.of-faq-arrow{transition:transform .2s;color:var(--p400);font-size:.85rem}.of-cta-sec{background:linear-gradient(135deg,var(--p600) 0%,var(--p800) 100%);text-align:center;padding:80px 28px;position:relative;overflow:hidden}.of-cta-sec:before{content:"";position:absolute;top:-150px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(184,255,43,.08) 0%,transparent 70%)}.of-cta-sec h2{font-size:2.6rem;font-weight:900;color:var(--of-white);margin-bottom:14px;position:relative;letter-spacing:-.02em}.of-cta-sec h2 .accent{color:var(--of-lime)}.of-cta-sec p{font-size:1.05rem;color:#ffffff8c;margin-bottom:32px;position:relative}.of-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}.of-store-btn{display:inline-flex;align-items:center;gap:10px;background:var(--of-white);color:var(--of-dark);padding:16px 32px;border-radius:16px;text-decoration:none;font-weight:700;font-size:.92rem;transition:all .2s}.of-store-btn:hover{transform:scale(1.04);box-shadow:0 8px 30px #0003}.of-footer{background:var(--of-dark);color:#fff6;text-align:center;padding:28px;font-size:.8rem}.of-footer a{color:var(--p300);text-decoration:none}@media(max-width:900px){.of-hero-inner,.of-split,.of-elo-inner{grid-template-columns:1fr}.of-hero h1{font-size:2.4rem}.of-hero-inner{text-align:center}.of-hero-desc{margin:0 auto 24px}.of-hero-actions,.of-hero-stats{justify-content:center}.of-hero-photo img{max-height:400px}.of-split.reverse{direction:ltr}.of-prob-grid,.of-feat-grid,.of-test-grid{grid-template-columns:1fr}.of-img-grid{grid-template-columns:repeat(2,1fr)}.of-photo-strip{height:220px}.of-photo-banner{height:320px}.of-photo-banner .overlay h2{font-size:1.6rem}.of-sec-title{font-size:1.7rem}.of-cta-sec h2{font-size:1.8rem}}