.oc-page{--oc-ink:#10132e;--oc-muted:#586077;--oc-purple:#5a4ff3;--oc-blue:#2789f4;--oc-line:#e4e9f3;color:var(--oc-ink);background:#fff;font-family:inherit;line-height:1.65}.oc-page *{box-sizing:border-box}.oc-container{width:min(1160px,calc(100% - 40px));margin:auto}.oc-hero{padding:96px 0;background:radial-gradient(circle at 75% 24%,#e9e7ff 0,transparent 34%),linear-gradient(145deg,#f8faff,#eef5ff)}.oc-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7%}.oc-eyebrow{margin:0 0 18px;color:#5144dc;font-size:.79rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.oc-page h1,.oc-page h2,.oc-page h3{color:var(--oc-ink);line-height:1.17}.oc-page h1{font-size:clamp(2.4rem,5vw,4.55rem);letter-spacing:-.055em;margin:0 0 24px}.oc-page h2{font-size:clamp(2rem,3.5vw,3.1rem);letter-spacing:-.045em;max-width:780px;margin:0 0 20px}.oc-page h3{font-size:1.28rem;margin:0 0 12px}.oc-lead{font-size:1.16rem;color:var(--oc-muted);max-width:650px;margin:0 0 28px}.oc-actions{display:flex;gap:12px;flex-wrap:wrap}.oc-button{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border-radius:10px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s}.oc-button:hover,.oc-button:focus-visible{transform:translateY(-2px)}.oc-button-primary{background:linear-gradient(115deg,var(--oc-purple),var(--oc-blue));color:#fff;box-shadow:0 12px 30px #5144dc38}.oc-button-outline{color:#353e5a;background:#fff;border:1px solid #cfd7e7}.oc-small{font-size:.88rem;color:var(--oc-muted);margin:18px 0 0}.oc-visual{min-height:360px;border-radius:28px;background:linear-gradient(135deg,#171943,#3730aa 55%,#1c8fe0);position:relative;overflow:hidden;box-shadow:0 28px 65px #28366b35}.oc-orbit{position:absolute;border:1px solid #ffffff40;border-radius:50%;width:370px;height:370px;right:-60px;top:-105px}.oc-orbit-two{width:260px;height:260px;right:0;top:-50px}.oc-visual-card{position:absolute;inset:18% 12%;display:flex;flex-direction:column;justify-content:center;gap:12px;background:#ffffffef;border:1px solid #ffffffb0;border-radius:19px;padding:30px;box-shadow:0 20px 45px #1116454d}.oc-visual-card strong{font-size:1.65rem;line-height:1.18}.oc-visual-label{color:#5144dc;letter-spacing:.13em;font-weight:800;font-size:.7rem}.oc-visual-line{border-top:1px solid #e3e8f1;padding-top:8px;color:#56617d;font-size:.9rem}.oc-visual-line i{display:inline-block;width:8px;height:8px;background:#24c18a;border-radius:50%;margin-right:8px}.oc-section{padding:86px 0}.oc-section-intro{max-width:740px;color:var(--oc-muted);font-size:1.05rem;margin:0 0 34px}.oc-soft{background:#f5f7fc}.oc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.oc-card{padding:28px;border:1px solid var(--oc-line);background:#fff;border-radius:16px;box-shadow:0 12px 30px #17266309}.oc-card p,.oc-step p,.oc-faq p{color:var(--oc-muted);margin:0}.oc-card-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#5144dc;background:#edebff;margin-bottom:22px;font-size:1.4rem}.oc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.oc-step{border-top:2px solid #cbd6ed;padding-top:20px}.oc-step>span{display:block;color:#5144dc;font-weight:850;font-size:1.7rem;margin-bottom:15px}.oc-table-wrap{overflow-x:auto;margin-top:30px;border:1px solid var(--oc-line);border-radius:15px;background:#fff}.oc-table{width:100%;min-width:680px;border-collapse:collapse}.oc-table th,.oc-table td{padding:17px;text-align:left;vertical-align:top;border-bottom:1px solid var(--oc-line)}.oc-table th{background:#eff1fb;color:#17204b}.oc-table tr:last-child td{border-bottom:0}.oc-table td:first-child{font-weight:700}.oc-narrow{max-width:830px}.oc-faq{border-bottom:1px solid var(--oc-line);padding:18px 0}.oc-faq summary{cursor:pointer;font-weight:750;font-size:1.06rem;list-style-position:outside}.oc-faq p{padding:14px 0 2px}.oc-related{background:#f5f7fc}.oc-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-related-link{display:flex;flex-direction:column;gap:12px;padding:27px;background:#fff;border:1px solid var(--oc-line);border-radius:15px;text-decoration:none;color:#17204b}.oc-related-link:hover,.oc-related-link:focus-visible{border-color:#7067f4;box-shadow:0 12px 30px #20175a16}.oc-related-link span{color:#5144dc;font-weight:700}.oc-final{padding:78px 0;text-align:center;background:linear-gradient(130deg,#101538,#262370);color:#fff}.oc-final .oc-container{max-width:800px}.oc-final h2{color:#fff;margin:0 auto 18px}.oc-final p:not(.oc-eyebrow){color:#d5daf3;margin:0 auto 26px}.oc-final .oc-eyebrow{color:#9fa8ff}.oc-button-light{background:#fff;color:#282277}@media(max-width:800px){.oc-hero{padding:65px 0}.oc-hero-grid{grid-template-columns:1fr;gap:35px}.oc-visual{min-height:310px}.oc-grid,.oc-steps,.oc-grid-two{grid-template-columns:1fr}.oc-section{padding:62px 0}}@media(max-width:440px){.oc-container{width:min(100% - 28px,1160px)}.oc-visual-card{inset:13% 8%;padding:22px}.oc-visual-card strong{font-size:1.35rem}.oc-hero{padding:45px 0}}
.oc-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#59627b;font-size:.86rem;margin:0 0 26px}.oc-breadcrumb a{color:#4136c9;text-decoration:underline;text-underline-offset:3px}.oc-breadcrumb span:last-child{font-weight:650}
.oc-plan{display:flex;flex-direction:column}.oc-plan-name{color:#5144dc;font-size:.9rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px}.oc-plan-price{margin:0;color:#10132e}.oc-plan-price strong{font-size:clamp(2rem,3vw,2.7rem);line-height:1.1}.oc-plan-price span{color:#586077;font-size:.9rem}.oc-plan-tax{font-size:.85rem;color:#586077;margin:3px 0 18px}.oc-plan ul{margin:0 0 18px;padding-left:20px;color:#28324b}.oc-plan li{padding:3px 0}.oc-plan-use{color:#586077;margin:0 0 20px}.oc-plan .oc-button{margin-top:auto;align-self:flex-start}.oc-plan-grid .oc-plan:nth-child(2){border-color:#756af7;box-shadow:0 14px 35px #3328a51b}
.oc-hero{padding:118px 0 112px}.oc-hero-grid{gap:8%;align-items:stretch}.oc-hero-grid>div:first-child{padding:18px 0}.oc-page h1{font-size:clamp(2.6rem,4.55vw,4.2rem);max-width:720px;margin-bottom:27px}.oc-lead{max-width:600px;margin-bottom:31px}.oc-breadcrumb{margin-bottom:30px}.oc-visual{min-height:430px;border-radius:30px;border:1px solid rgba(255,255,255,.16);box-shadow:0 32px 75px rgba(29,45,111,.25)}.oc-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 80%,rgba(111,225,255,.24),transparent 28%),linear-gradient(120deg,transparent 20%,rgba(255,255,255,.09) 48%,transparent 62%)}.oc-visual-card{inset:16% 11%;padding:34px 32px 29px;gap:15px;border-radius:20px;box-shadow:0 24px 55px rgba(7,10,45,.33)}.oc-visual-card:after{content:"";position:absolute;width:88px;height:88px;border:1px solid rgba(83,75,242,.16);border-radius:50%;right:-27px;bottom:-34px}.oc-visual-card strong{font-size:clamp(1.45rem,2vw,1.8rem);max-width:300px}.oc-visual-line{padding:10px 0 0}.oc-section{padding:98px 0}.oc-soft{background:linear-gradient(180deg,#f4f7fd,#f8faff)}.oc-plan-grid{gap:22px;align-items:stretch}.oc-plan{min-height:425px;padding:34px 28px 28px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.oc-plan:hover{transform:translateY(-5px);border-color:#a9a2ff;box-shadow:0 20px 42px rgba(27,33,92,.13)}.oc-plan-name{margin-bottom:12px}.oc-plan-price strong{font-size:clamp(2.25rem,3.25vw,3rem);letter-spacing:-.045em}.oc-plan-tax{margin:5px 0 20px}.oc-plan ul{padding:17px 0 15px 20px;margin:0 0 20px;border-top:1px solid #edf0f7;border-bottom:1px solid #edf0f7}.oc-plan li{padding:4px 0}.oc-plan-use{min-height:56px;margin-bottom:22px}.oc-plan-grid .oc-plan:nth-child(2){border-color:#756af7;box-shadow:0 18px 42px rgba(64,54,202,.14)}.oc-plan-grid .oc-plan:nth-child(2):before{content:"Most popular";position:absolute;top:0;right:0;padding:7px 13px;border-radius:0 15px 0 13px;background:linear-gradient(115deg,#5a4ff3,#2789f4);color:#fff;font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.oc-plan-grid .oc-plan:nth-child(2) .oc-plan-name{padding-right:95px}@media(max-width:800px){.oc-hero{padding:78px 0}.oc-hero-grid>div:first-child{padding:0}.oc-page h1{font-size:clamp(2.4rem,9vw,3.35rem)}.oc-visual{min-height:350px}.oc-visual-card{inset:14% 9%;padding:28px}.oc-section{padding:72px 0}.oc-plan{min-height:0;padding:30px 25px}.oc-plan-use{min-height:0}}@media(max-width:440px){.oc-hero{padding:58px 0}.oc-breadcrumb{margin-bottom:24px}.oc-visual{min-height:310px;border-radius:24px}.oc-visual-card{padding:23px 21px}.oc-plan{padding:27px 22px}.oc-plan-price strong{font-size:2.35rem}}
