.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1120px;
}
body {font-family: 'Poppins';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Poppins';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
html {
    scroll-behavior:smooth;
}

.oc-home {
    --oc-text:#0b0b12;
    --oc-muted:#6c6d79;
    --oc-purple:#6847ed;
    --oc-violet:#9550ef;
    --oc-pink:#d84fca;
    --oc-blue:#5167e8;
    position:relative;
    width:100%;
    overflow:hidden;
    color:var(--oc-text);
    font-family:"Poppins",sans-serif;
    background:
        radial-gradient(circle at 74% 7%,rgba(132,79,231,.13),transparent 24%),
        radial-gradient(circle at 4% 27%,rgba(88,102,218,.08),transparent 27%),
        radial-gradient(circle at 95% 49%,rgba(190,84,205,.08),transparent 26%),
        radial-gradient(circle at 7% 69%,rgba(113,79,215,.075),transparent 27%),
        linear-gradient(180deg,#f7f5fc 0%,#f2eff9 21%,#f5f2fa 43%,#f1eef8 67%,#f6f3fb 100%);
}

.oc-home *,
.oc-home *::before,
.oc-home *::after {
    box-sizing:border-box;
}

.oc-home a {
    color:inherit;
}

.oc-spatial-bg {
    position:absolute;
    z-index:0;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    perspective:1000px;
    perspective-origin:50% 38%;
    transform-style:preserve-3d;
}

.oc-spatial-layer {
    position:absolute;
    inset:0;
    transform-style:preserve-3d;
    will-change:transform;
}

.oc-spatial-layer-deep {
    z-index:1;
}

.oc-spatial-layer-far {
    z-index:2;
}

.oc-spatial-layer-mid {
    z-index:3;
}

.oc-spatial-layer-near {
    z-index:4;
}

.oc-space-card {
    position:absolute;
    overflow:hidden;
    border:0;
}

.oc-spatial-layer-deep .oc-space-card {
    border-radius:34px;
    opacity:.30;
    background:linear-gradient(145deg,rgba(103,77,180,.12),rgba(255,255,255,.30));
    box-shadow:0 30px 85px rgba(50,36,105,.045);
    filter:blur(2.4px);
}

.oc-spatial-layer-far .oc-space-card {
    border-radius:44px;
    opacity:.45;
    background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(117,86,203,.14));
    box-shadow:0 45px 105px rgba(49,33,107,.075);
    filter:blur(1.3px);
}

.oc-spatial-layer-mid .oc-space-card {
    border-radius:52px;
    opacity:.62;
    background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(128,87,216,.17));
    box-shadow:0 55px 120px rgba(48,32,105,.10);
    filter:blur(.5px);
}

.oc-spatial-layer-near .oc-space-card {
    border-radius:62px;
    opacity:.78;
    background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(132,88,220,.21));
    box-shadow:0 65px 140px rgba(43,28,98,.14);
}

.oc-space-deep-a {
    width:280px;
    height:190px;
    left:12%;
    top:130px;
}

.oc-space-deep-b {
    width:350px;
    height:225px;
    right:17%;
    top:480px;
}

.oc-space-deep-c {
    width:430px;
    height:260px;
    left:25%;
    top:1420px;
}

.oc-space-deep-d {
    width:280px;
    height:280px;
    right:22%;
    top:2260px;
}

.oc-space-deep-e {
    width:390px;
    height:230px;
    left:16%;
    top:3260px;
}

.oc-space-deep-f {
    width:330px;
    height:210px;
    right:20%;
    top:4130px;
}

.oc-space-far-a {
    width:680px;
    height:410px;
    left:-170px;
    top:250px;
}

.oc-space-far-b {
    width:760px;
    height:440px;
    right:-220px;
    top:1080px;
}

.oc-space-far-c {
    width:760px;
    height:470px;
    left:17%;
    top:1910px;
}

.oc-space-far-d {
    width:710px;
    height:420px;
    right:-110px;
    top:2940px;
}

.oc-space-far-e {
    width:800px;
    height:450px;
    left:-190px;
    top:4020px;
}

.oc-space-mid-a {
    width:910px;
    height:500px;
    right:-300px;
    top:80px;
}

.oc-space-mid-b {
    width:760px;
    height:470px;
    left:-250px;
    top:1040px;
}

.oc-space-mid-c {
    width:940px;
    height:540px;
    right:-250px;
    top:2200px;
}

.oc-space-mid-d {
    width:780px;
    height:510px;
    left:-230px;
    top:3200px;
}

.oc-space-mid-e {
    width:850px;
    height:470px;
    right:-250px;
    top:4220px;
}

.oc-space-near-a {
    width:850px;
    height:470px;
    left:-440px;
    top:430px;
}

.oc-space-near-b {
    width:900px;
    height:510px;
    right:-510px;
    top:1700px;
}

.oc-space-near-c {
    width:840px;
    height:490px;
    left:-470px;
    top:2890px;
}

.oc-space-near-d {
    width:960px;
    height:520px;
    right:-550px;
    top:4040px;
}

.oc-ghost-ui {
    position:absolute;
    inset:0;
    color:rgba(80,58,140,.30);
    opacity:.62;
}

.oc-ghost-panel {
    padding:44px;
}

.oc-ghost-panel small {
    font-size:8px;
    font-weight:700;
    letter-spacing:.17em;
}

.oc-ghost-panel strong {
    display:block;
    margin-top:15px;
    font-size:54px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.07em;
    color:rgba(98,67,174,.24);
}

.oc-ghost-panel span {
    display:block;
    width:63%;
    height:8px;
    margin-top:18px;
    border-radius:20px;
    background:rgba(106,75,178,.21);
}

.oc-ghost-panel span:last-child {
    width:39%;
}

.oc-ghost-flow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
}

.oc-ghost-flow i {
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(101,71,175,.23);
}

.oc-ghost-flow span {
    width:90px;
    height:3px;
    border-radius:20px;
    background:rgba(101,71,175,.18);
}

.oc-ghost-code {
    padding:34px;
}

.oc-ghost-code small {
    display:block;
    margin-bottom:22px;
    font-size:8px;
    font-weight:700;
    letter-spacing:.18em;
}

.oc-ghost-code span {
    display:block;
    width:80%;
    height:7px;
    margin-bottom:10px;
    border-radius:20px;
    background:rgba(102,73,172,.22);
}

.oc-ghost-code span:nth-child(3) {
    width:53%;
}

.oc-ghost-code span:nth-child(4) {
    width:67%;
}

.oc-ghost-window {
    inset:14% 11%;
    border-radius:25px;
    background:rgba(255,255,255,.17);
}

.oc-ghost-window-top {
    height:40px;
    padding:0 15px;
    display:flex;
    align-items:center;
    gap:7px;
    background:rgba(107,74,179,.075);
}

.oc-ghost-window-top i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(103,72,176,.25);
}

.oc-ghost-window-body {
    padding:24px;
    display:grid;
    grid-template-columns:85px 1fr;
    gap:12px;
}

.oc-ghost-window-body > span {
    min-height:125px;
    border-radius:15px;
    background:rgba(104,72,181,.11);
}

.oc-ghost-window-body strong {
    height:9px;
    border-radius:20px;
    background:rgba(104,72,181,.16);
}

.oc-ghost-bars {
    inset:auto 10% 17% 10%;
    height:55%;
    display:flex;
    align-items:flex-end;
    gap:14px;
}

.oc-ghost-bars span {
    flex:1;
    border-radius:12px 12px 4px 4px;
    background:linear-gradient(180deg,rgba(108,72,186,.25),rgba(141,78,205,.11));
}

.oc-ghost-bars span:nth-child(1) {
    height:34%;
}

.oc-ghost-bars span:nth-child(2) {
    height:73%;
}

.oc-ghost-bars span:nth-child(3) {
    height:52%;
}

.oc-ghost-bars span:nth-child(4) {
    height:92%;
}

.oc-ghost-bars span:nth-child(5) {
    height:63%;
}

.oc-spatial-light {
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    filter:blur(130px);
    opacity:.50;
}

.oc-spatial-light-a {
    width:800px;
    height:600px;
    right:-300px;
    top:180px;
    background:rgba(135,80,226,.14);
}

.oc-spatial-light-b {
    width:760px;
    height:600px;
    left:-340px;
    top:2100px;
    background:rgba(86,99,214,.09);
}

.oc-spatial-light-c {
    width:820px;
    height:630px;
    right:-350px;
    top:3820px;
    background:rgba(187,77,190,.09);
}

.oc-header {
    position:absolute;
    z-index:100;
    top:20px;
    left:0;
    width:100%;
}

.oc-header-inner {
    width:min(1460px,calc(100% - 48px));
    min-height:72px;
    margin:0 auto;
    padding:0 18px;
    display:flex;
    align-items:center;
    border:1px solid rgba(19,18,31,.07);
    border-radius:20px;
    background:rgba(255,255,255,.66);
    box-shadow:
        0 20px 50px rgba(39,29,79,.055),
        inset 0 1px rgba(255,255,255,.9);
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
}

.oc-logo {
    display:flex;
    align-items:center;
    gap:10px;
    flex:0 0 auto;
    color:#0b0b12;
    text-decoration:none;
}

.oc-logo-image {
    display:block;
    width:auto;
    height:34px;
    max-width:190px;
    object-fit:contain;
    object-position:left center;
}

.oc-logo-mark {
    width:35px;
    height:35px;
    padding:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:linear-gradient(135deg,#6846eb,#9950ee 52%,#d74cca);
    box-shadow:0 12px 25px rgba(113,66,218,.15);
}

.oc-logo-mark i {
    width:100%;
    height:100%;
    border:3px solid #fff;
    border-top-color:transparent;
    border-radius:50%;
}

.oc-logo-text {
    font-size:23px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.05em;
}

.oc-nav {
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:34px;
}

.oc-nav a {
    position:relative;
    color:#62616d;
    text-decoration:none;
    font-size:13px;
    line-height:1;
    font-weight:500;
    letter-spacing:-.015em;
    transition:
        color .25s ease,
        transform .25s ease;
}

.oc-nav a::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-8px;
    height:1px;
    border-radius:20px;
    background:linear-gradient(90deg,#6847ed,#b94bdd);
    transform:scaleX(0);
    transform-origin:center;
    opacity:0;
    transition:
        transform .3s cubic-bezier(.2,.8,.2,1),
        opacity .3s ease;
}

.oc-nav a:hover {
    color:#1b1922;
    transform:translateY(-1px);
}

.oc-nav a:hover::after {
    transform:scaleX(1);
    opacity:.7;
}

.oc-primary-hover,
.oc-btn-primary {
    position:relative;
    overflow:hidden;
    color:#fff !important;
    background:linear-gradient(100deg,#6241e8,#954cee 55%,#d34ccd);
    box-shadow:
        0 16px 32px rgba(108,65,218,.19),
        0 3px 8px rgba(104,64,207,.08);
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease;
}

.oc-primary-hover::before,
.oc-btn-primary::before {
    content:"";
    position:absolute;
    top:-70%;
    left:-45%;
    width:32%;
    height:240%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.30),
        transparent
    );
    transform:rotate(20deg);
    transition:left .65s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
}

.oc-primary-hover::after,
.oc-btn-primary::after {
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    background:linear-gradient(
        180deg,
        rgba(255,255,255,.09),
        transparent 42%
    );
    pointer-events:none;
}

.oc-primary-hover > *,
.oc-btn-primary > * {
    position:relative;
    z-index:2;
}

.oc-primary-hover svg,
.oc-btn-primary svg {
    transition:transform .32s cubic-bezier(.2,.8,.2,1);
}

.oc-primary-hover:hover,
.oc-btn-primary:hover {
    transform:translateY(-3px) scale(1.012);
    box-shadow:
        0 23px 42px rgba(108,65,218,.27),
        0 6px 14px rgba(104,64,207,.12);
}

.oc-primary-hover:hover::before,
.oc-btn-primary:hover::before {
    left:120%;
}

.oc-primary-hover:hover svg,
.oc-btn-primary:hover svg {
    transform:translateX(4px);
}

.oc-primary-hover:active,
.oc-btn-primary:active {
    transform:translateY(-1px) scale(.995);
}

.oc-header-cta {
    min-height:46px;
    margin-left:34px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    border-radius:14px;
    text-decoration:none;
    font-size:13px;
    line-height:1;
    font-weight:600;
    letter-spacing:-.015em;
}

.oc-header svg,
.oc-btn svg,
.oc-og-cta svg,
.oc-final-core svg {
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.oc-menu,
.oc-mobile-nav {
    display:none;
}

.oc-section-inner {
    position:relative;
    z-index:10;
    width:min(1460px,calc(100% - 48px));
    margin:0 auto;
}

.oc-kicker {
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:18px;
    color:#71658b;
    font-size:9px;
    font-weight:700;
    letter-spacing:.21em;
}

.oc-kicker > span {
    width:7px;
    height:7px;
    flex:0 0 auto;
    border-radius:50%;
    background:#8d4cef;
    box-shadow:
        0 0 0 7px rgba(141,76,239,.08),
        0 0 18px rgba(141,76,239,.21);
}

.oc-gradient-text {
    display:inline-block;
    position:relative;
    overflow:visible;
    padding-right:.16em;
    padding-bottom:.16em;
    margin-right:-.06em;
    margin-bottom:-.10em;
    color:transparent;
    background:linear-gradient(95deg,#6244e9 0%,#8d4ced 34%,#b94bdd 68%,#db4bc8 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
}

.oc-hero,
.oc-build,
.oc-process,
.oc-thinking,
.oc-about {
    position:relative;
    z-index:5;
}

.oc-hero {
    min-height:940px;
}

.oc-hero-grid {
    min-height:940px;
    padding:125px 0 88px;
    display:grid;
    grid-template-columns:minmax(0,.86fr) minmax(680px,1.14fr);
    align-items:center;
    gap:95px;
}

.oc-hero-copy {
    max-width:650px;
    margin-top:64px;
}

.oc-hero h1 {
    margin:0;
    overflow:visible;
    color:#0b0b12;
    font-size:clamp(61px,5.15vw,96px);
    font-weight:900;
    line-height:.89;
    letter-spacing:-.067em;
    text-transform:uppercase;
}

.oc-hero-copy > p {
    max-width:590px;
    margin:29px 0 0;
    color:#696c79;
    font-size:15px;
    line-height:1.75;
}

.oc-hero-actions {
    margin-top:30px;
    display:flex;
    gap:12px;
}

.oc-btn {
    position:relative;
    min-height:54px;
    padding:0 22px;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:15px;
    text-decoration:none;
    font-size:12px;
    font-weight:600;
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        border-color .32s ease,
        background-color .32s ease,
        color .32s ease;
}

.oc-btn-secondary {
    border:1px solid rgba(21,20,31,.10);
    color:#18171f;
    background:linear-gradient(
        145deg,
        rgba(255,255,255,.76),
        rgba(255,255,255,.52)
    );
    box-shadow:
        0 10px 26px rgba(44,33,85,.045),
        inset 0 1px rgba(255,255,255,.88);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.oc-btn-secondary::before {
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-1;
    border-radius:16px;
    background:linear-gradient(
        105deg,
        rgba(104,71,237,.16),
        rgba(149,80,239,.06),
        rgba(216,79,202,.14)
    );
    opacity:0;
    transition:opacity .32s ease;
}

.oc-btn-secondary::after {
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    right:-55px;
    top:-55px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(141,76,239,.13),
        transparent 70%
    );
    opacity:0;
    transform:scale(.7);
    transition:
        opacity .35s ease,
        transform .4s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
}

.oc-btn-secondary:hover {
    transform:translateY(-3px);
    border-color:rgba(113,72,215,.18);
    color:#5e43bb;
    background:linear-gradient(
        145deg,
        rgba(255,255,255,.92),
        rgba(250,247,255,.76)
    );
    box-shadow:
        0 18px 36px rgba(75,52,138,.09),
        inset 0 1px rgba(255,255,255,.95);
}

.oc-btn-secondary:hover::before {
    opacity:1;
}

.oc-btn-secondary:hover::after {
    opacity:1;
    transform:scale(1);
}

.oc-btn-secondary:active {
    transform:translateY(-1px) scale(.995);
}

.oc-hero-meta {
    margin-top:31px;
    display:flex;
    align-items:center;
    gap:16px;
}

.oc-hero-meta span {
    color:#9996a3;
    font-size:8px;
    font-weight:700;
    letter-spacing:.17em;
}

.oc-hero-meta i {
    width:1px;
    height:17px;
    background:rgba(15,14,24,.11);
}

.oc-product-hero {
    --mouse-x:0px;
    --mouse-y:0px;
    --og-scroll:0px;
    position:relative;
    min-height:760px;
    margin-right:-110px;
    padding:25px 80px 24px 20px;
    overflow:visible;
    isolation:isolate;
    perspective:1500px;
    transform-style:preserve-3d;
}

.oc-og-atmosphere {
    position:absolute;
    z-index:-4;
    width:680px;
    height:560px;
    left:50%;
    top:52%;
    border-radius:50%;
    transform:translate(-50%,-50%);
    background:
        radial-gradient(circle,rgba(127,72,232,.24) 0%,rgba(181,74,218,.12) 34%,rgba(215,77,196,.04) 56%,transparent 72%);
    filter:blur(52px);
    pointer-events:none;
}

.oc-og-atmosphere-b {
    width:470px;
    height:440px;
    left:72%;
    top:46%;
    opacity:.75;
    background:
        radial-gradient(circle,rgba(215,74,199,.17),rgba(120,79,223,.07) 48%,transparent 72%);
}

.oc-og-ghost-word {
    position:absolute;
    z-index:-3;
    left:3%;
    top:116px;
    white-space:nowrap;
    color:rgba(100,66,188,.055);
    font-size:clamp(150px,11vw,225px);
    line-height:.78;
    font-weight:900;
    letter-spacing:-.09em;
    pointer-events:none;
    transform:translate3d(calc(var(--mouse-x) * -.18),calc(var(--og-scroll) * -.3),-120px);
}

.oc-product-intro {
    position:relative;
    z-index:20;
    width:67%;
    margin-left:10%;
}

.oc-latest-badge {
    width:max-content;
    min-height:34px;
    padding:0 14px;
    display:flex;
    align-items:center;
    gap:9px;
    border:1px solid rgba(91,63,155,.10);
    border-radius:999px;
    color:#6f59a4;
    background:rgba(255,255,255,.84);
    box-shadow:
        0 12px 28px rgba(74,50,135,.08),
        inset 0 1px rgba(255,255,255,.95);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    font-size:7px;
    font-weight:800;
    letter-spacing:.17em;
}

.oc-latest-badge span {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#8d4cef;
    box-shadow:
        0 0 0 5px rgba(141,76,239,.08),
        0 0 14px rgba(141,76,239,.22);
}

.oc-og-intro-row {
    margin-top:14px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:25px;
}

.oc-og-intro-row h2 {
    margin:0;
    padding-right:.14em;
    padding-bottom:.08em;
    color:transparent;
    background:linear-gradient(95deg,#5c42e6 0%,#8349ed 42%,#bd4bda 80%,#dc4cc5 100%);
    -webkit-background-clip:text;
    background-clip:text;
    font-size:clamp(63px,5.3vw,94px);
    line-height:.84;
    font-weight:900;
    letter-spacing:-.075em;
}

.oc-og-available {
    margin-bottom:8px;
    padding:8px 11px;
    display:flex;
    align-items:center;
    gap:7px;
    border:1px solid rgba(57,165,103,.11);
    border-radius:999px;
    color:#5d7c6b;
    background:rgba(255,255,255,.64);
    box-shadow:0 10px 24px rgba(48,37,93,.05);
    font-size:5px;
    font-weight:700;
    letter-spacing:.13em;
}

.oc-og-available i {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#31bc68;
    box-shadow:0 0 0 5px rgba(49,188,104,.09);
}

.oc-product-intro > p {
    max-width:470px;
    margin:14px 0 0;
    color:#6c6d79;
    font-size:12px;
    line-height:1.65;
}

.oc-og-space {
    position:relative;
    z-index:5;
    height:455px;
    margin-top:-24px;
    perspective:1600px;
    transform-style:preserve-3d;
}

.oc-og-orbit {
    position:absolute;
    z-index:-2;
    left:50%;
    top:53%;
    border:1px solid rgba(123,77,217,.11);
    border-radius:50%;
    pointer-events:none;
}

.oc-og-orbit-a {
    width:620px;
    height:270px;
    transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-5deg);
}

.oc-og-orbit-b {
    width:485px;
    height:210px;
    opacity:.7;
    transform:translate(-50%,-50%) rotateX(68deg) rotateZ(13deg);
}

.oc-og-screen {
    position:absolute;
    overflow:hidden;
    border:1px solid rgba(66,46,118,.15);
    border-radius:20px;
    background:#fff;
    box-shadow:
        0 45px 90px rgba(44,28,100,.20),
        0 14px 28px rgba(56,40,112,.10),
        inset 0 1px rgba(255,255,255,.95);
    transform-style:preserve-3d;
    will-change:transform;
    transition:
        transform .42s cubic-bezier(.16,.82,.18,1),
        box-shadow .42s ease;
}

.oc-product-hero:hover .oc-og-screen {
    box-shadow:
        0 52px 105px rgba(44,28,100,.22),
        0 18px 34px rgba(56,40,112,.11),
        inset 0 1px rgba(255,255,255,.95);
}

.oc-og-screen img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:top center;
}

.oc-og-window-bar {
    position:absolute;
    z-index:6;
    left:0;
    right:0;
    top:0;
    height:30px;
    padding:0 11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:0;
    background:rgba(255,255,255,.91);
    backdrop-filter:blur(13px);
    -webkit-backdrop-filter:blur(13px);
}

.oc-og-window-bar > div {
    display:flex;
    gap:4px;
}

.oc-og-window-bar i {
    width:5px;
    height:5px;
    border-radius:50%;
    background:#cdc8d4;
}

.oc-og-window-bar span {
    color:#8f8998;
    font-size:4px;
    font-weight:800;
    letter-spacing:.15em;
}

.oc-og-screen-main {
    z-index:6;
    width:72%;
    height:365px;
    left:15%;
    top:55px;
    transform:
        translate3d(
            calc(var(--mouse-x) * .48),
            calc(var(--mouse-y) * .34 + var(--og-scroll) * .20),
            80px
        )
        rotateY(-4deg)
        rotateX(1.5deg);
}

.oc-og-screen-folders {
    z-index:3;
    width:54%;
    height:265px;
    left:-2%;
    top:155px;
    transform:
        translate3d(
            calc(var(--mouse-x) * -.52),
            calc(var(--mouse-y) * -.32 + var(--og-scroll) * -.25),
            -75px
        )
        rotateY(13deg)
        rotateX(2deg)
        rotateZ(-1.7deg)
        scale(.94);
}

.oc-og-screen-hover {
    z-index:9;
    width:42%;
    height:300px;
    right:-2%;
    top:108px;
    transform:
        translate3d(
            calc(var(--mouse-x) * .88),
            calc(var(--mouse-y) * .58 + var(--og-scroll) * .34),
            150px
        )
        rotateY(-12deg)
        rotateX(2deg)
        rotateZ(1.4deg)
        scale(.95);
}

.oc-og-screen-tag {
    position:absolute;
    z-index:7;
    left:12px;
    bottom:11px;
    padding:7px 9px;
    border:1px solid rgba(91,59,164,.10);
    border-radius:8px;
    color:#6447c5;
    background:rgba(255,255,255,.91);
    box-shadow:0 8px 20px rgba(52,36,105,.08);
    font-size:5px;
    font-weight:800;
    letter-spacing:.12em;
}

.oc-og-main-footer {
    position:absolute;
    z-index:7;
    left:13px;
    right:13px;
    bottom:12px;
    min-height:35px;
    padding:0 11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border:1px solid rgba(80,57,139,.09);
    border-radius:10px;
    background:rgba(255,255,255,.91);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:0 9px 25px rgba(49,33,100,.08);
}

.oc-og-main-footer span {
    display:flex;
    align-items:center;
    gap:6px;
    color:#81798b;
    font-size:5px;
    font-weight:700;
    letter-spacing:.12em;
}

.oc-og-main-footer i {
    width:5px;
    height:5px;
    border-radius:50%;
    background:#32bc69;
}

.oc-og-floating-label {
    position:absolute;
    z-index:13;
    min-width:170px;
    padding:12px 14px;
    border:1px solid rgba(84,59,148,.11);
    border-radius:14px;
    background:rgba(255,255,255,.87);
    backdrop-filter:blur(17px);
    -webkit-backdrop-filter:blur(17px);
    box-shadow:
        0 19px 43px rgba(50,33,105,.12),
        inset 0 1px rgba(255,255,255,.95);
    pointer-events:none;
    transition:transform .48s cubic-bezier(.16,.82,.18,1);
}

.oc-og-floating-label small {
    display:block;
    color:#9d96a5;
    font-size:4px;
    font-weight:700;
    letter-spacing:.14em;
}

.oc-og-floating-label strong {
    display:block;
    margin-top:4px;
    color:#6048bf;
    font-size:7px;
    font-weight:800;
}

.oc-og-floating-label-a {
    left:2%;
    bottom:4px;
    transform:
        translate3d(
            calc(var(--mouse-x) * -.28),
            calc(var(--mouse-y) * -.22),
            120px
        );
}

.oc-og-floating-label-b {
    right:1%;
    top:42px;
    transform:
        translate3d(
            calc(var(--mouse-x) * .40),
            calc(var(--mouse-y) * .30),
            180px
        );
}

.oc-og-product-bottom {
    position:relative;
    z-index:20;
    width:72%;
    margin:-3px 0 0 14%;
}

.oc-og-product-points {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#8e8796;
    font-size:5px;
    font-weight:700;
    letter-spacing:.12em;
}

.oc-og-product-points i {
    width:4px;
    height:4px;
    flex:0 0 auto;
    border-radius:50%;
    background:#ad9cbf;
}

.oc-og-cta {
    position:relative;
    min-height:76px;
    margin-top:17px;
    padding:0 12px 0 23px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:21px;
    color:#fff !important;
    text-decoration:none;
    background:
        radial-gradient(circle at 15% 0%,rgba(255,255,255,.22),transparent 34%),
        linear-gradient(103deg,#5840df 0%,#7746eb 34%,#a746e2 67%,#d54ac6 100%);
    box-shadow:
        0 23px 46px rgba(109,64,217,.29),
        0 6px 18px rgba(100,60,196,.16);
    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.oc-og-cta::after {
    content:"";
    position:absolute;
    z-index:1;
    width:28%;
    height:250%;
    left:-55%;
    top:-70%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
    transform:rotate(21deg);
    animation:ocOgSweep 5.2s cubic-bezier(.4,0,.2,1) infinite;
}

@keyframes ocOgSweep {
    0%,60% {
        left:-55%;
    }

    83%,100% {
        left:135%;
    }
}

.oc-og-cta-glow {
    position:absolute;
    z-index:0;
    width:210px;
    height:100px;
    left:-40px;
    top:-40px;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    filter:blur(35px);
}

.oc-og-cta-copy {
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
}

.oc-og-cta-copy small {
    color:rgba(255,255,255,.65);
    font-size:5px;
    font-weight:700;
    letter-spacing:.16em;
}

.oc-og-cta-copy strong {
    margin-top:3px;
    font-size:15px;
    font-weight:800;
    letter-spacing:-.025em;
}

.oc-og-cta-arrow {
    position:relative;
    z-index:3;
    width:51px;
    height:51px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.24);
    border-radius:15px;
    background:rgba(255,255,255,.13);
}

.oc-og-cta-arrow svg {
    width:21px;
    height:21px;
    transition:transform .3s ease;
}

.oc-og-cta:hover {
    transform:translateY(-4px) scale(1.012);
    box-shadow:
        0 30px 56px rgba(109,64,217,.34),
        0 8px 20px rgba(100,60,196,.18);
}

.oc-og-cta:hover .oc-og-cta-arrow svg {
    transform:translateX(5px);
}

.oc-scroll-scene {
    --scene-progress:0;
    --head-progress:0;
    --kicker-progress:0;
}

.oc-scroll-heading {
    --heading-p:var(--head-progress);
    transform-origin:10% 70%;
    transform:
        perspective(950px)
        translate3d(
            calc((1 - var(--heading-p)) * -44px),
            calc((1 - var(--heading-p)) * 58px),
            calc((1 - var(--heading-p)) * -180px)
        )
        rotateX(calc((1 - var(--heading-p)) * 63deg))
        rotateY(calc((1 - var(--heading-p)) * -18deg))
        rotateZ(calc((1 - var(--heading-p)) * -2.5deg))
        scale(calc(.91 + var(--heading-p) * .09));
    opacity:calc(.10 + var(--heading-p) * .90);
    filter:blur(calc((1 - var(--heading-p)) * 5px));
}

.oc-scroll-scene .oc-kicker {
    --kp:var(--kicker-progress);
    position:relative;
    overflow:hidden;
    width:max-content;
    max-width:100%;
}

.oc-scroll-scene .oc-kicker > span {
    transform:
        translateX(calc((1 - var(--kp)) * -24px))
        scale(calc(.3 + var(--kp) * .7));
    opacity:var(--kp);
}

.oc-scroll-scene .oc-kicker > b {
    display:block;
    font:inherit;
    font-weight:inherit;
    letter-spacing:inherit;
    color:inherit;
    clip-path:inset(0 calc((1 - var(--kp)) * 100%) 0 0);
    transform:translateX(calc((1 - var(--kp)) * -28px));
    opacity:calc(.15 + var(--kp) * .85);
}

.oc-scroll-mask {
    --mask-p:0;
    opacity:calc(.05 + var(--mask-p) * .95);
    filter:blur(calc((1 - var(--mask-p)) * 5px));
}

.oc-mask-left {
    clip-path:inset(0 calc((1 - var(--mask-p)) * 100%) 0 0);
    transform:translate3d(calc((1 - var(--mask-p)) * -48px),0,0);
}

.oc-mask-right {
    clip-path:inset(0 0 0 calc((1 - var(--mask-p)) * 100%));
    transform:translate3d(calc((1 - var(--mask-p)) * 48px),0,0);
}

.oc-scroll-box {
    --box-progress:0;
    --box-scale:calc(.965 + var(--box-progress) * .035);
    transform:
        perspective(1100px)
        translate3d(
            0,
            calc((1 - var(--box-progress)) * 42px),
            calc((1 - var(--box-progress)) * -80px)
        )
        scale(var(--box-scale));
    opacity:calc(.32 + var(--box-progress) * .68);
}

.oc-box-part {
    --part-p:0;
    opacity:calc(.05 + var(--part-p) * .95);
    filter:blur(calc((1 - var(--part-p)) * 4px));
}

.oc-part-left {
    clip-path:inset(0 calc((1 - var(--part-p)) * 100%) 0 0);
    transform:translate3d(calc((1 - var(--part-p)) * -38px),0,0);
}

.oc-part-right {
    clip-path:inset(0 0 0 calc((1 - var(--part-p)) * 100%));
    transform:translate3d(calc((1 - var(--part-p)) * 38px),0,0);
}

.oc-section-ghost-title {
    --ghost-x:0px;
    --ghost-y:0px;
    --ghost-opacity:0;
    position:absolute;
    z-index:1;
    top:38px;
    width:max-content;
    white-space:nowrap;
    pointer-events:none;
    user-select:none;
    color:rgba(255,255,255,.72);
    text-shadow:
        0 20px 65px rgba(101,65,188,.075),
        0 0 40px rgba(255,255,255,.38);
    font-size:clamp(120px,12vw,225px);
    line-height:.76;
    font-weight:900;
    letter-spacing:-.085em;
    opacity:var(--ghost-opacity);
    transform:translate3d(var(--ghost-x),var(--ghost-y),0);
}

.oc-ghost-title-left {
    right:24%;
}

.oc-ghost-title-right {
    left:27%;
}

.oc-build,
.oc-process,
.oc-thinking,
.oc-about {
    padding:54px 0;
}

.oc-build {
    padding-top:74px;
}

.oc-about {
    padding-bottom:58px;
}

.oc-section-number {
    position:absolute;
    z-index:0;
    top:14px;
    right:-35px;
    color:transparent;
    -webkit-text-stroke:1px rgba(91,67,145,.045);
    font-size:clamp(150px,17vw,285px);
    line-height:.75;
    font-weight:900;
    letter-spacing:-.09em;
    pointer-events:none;
}

.oc-thinking .oc-section-number {
    left:-55px;
    right:auto;
}

.oc-section-head {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,470px);
    align-items:end;
    gap:80px;
}

.oc-section-head h2,
.oc-thinking h2,
.oc-about h2 {
    margin:0;
    overflow:visible;
    font-size:clamp(58px,5.2vw,96px);
    line-height:.89;
    font-weight:900;
    letter-spacing:-.067em;
}

.oc-section-head > p {
    margin:0 0 8px;
    color:#696c79;
    font-size:15px;
    line-height:1.75;
}

.oc-build-grid {
    margin-top:38px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.oc-build-card {
    position:relative;
    min-height:600px;
    padding:30px;
    overflow:hidden;
    border:1px solid rgba(22,19,38,.08);
    border-radius:30px;
    background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(249,247,255,.78));
    box-shadow:
        0 30px 75px rgba(43,31,91,.075),
        inset 0 1px rgba(255,255,255,.95);
}

.oc-card-depth-plane {
    position:absolute;
    width:62%;
    height:42%;
    right:-12%;
    top:-12%;
    border:1px solid rgba(118,74,214,.07);
    border-radius:35px;
    background:rgba(255,255,255,.12);
    transform:rotate(-12deg);
}

.oc-card-light {
    position:absolute;
    width:430px;
    height:330px;
    right:-120px;
    top:-130px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(138,78,240,.16),rgba(214,76,204,.05) 45%,transparent 72%);
    filter:blur(25px);
}

.oc-build-top {
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.oc-build-top > span:first-child {
    color:#9e99a7;
    font-size:7px;
    font-weight:700;
    letter-spacing:.15em;
}

.oc-status-pill {
    display:flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    border-radius:999px;
    color:#76658f;
    background:rgba(119,73,214,.055);
    font-size:5px;
    font-weight:700;
    letter-spacing:.13em;
}

.oc-status-pill i {
    width:5px;
    height:5px;
    border-radius:50%;
    background:#9550ed;
}

.oc-build-visual {
    height:190px;
    margin-top:24px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.oc-wp-stack {
    position:relative;
    width:250px;
    height:190px;
}

.oc-stack-layer,
.oc-stack-main {
    position:absolute;
    width:130px;
    height:130px;
    left:50%;
    top:50%;
    border:1px solid rgba(104,71,237,.13);
    border-radius:30px;
}

.oc-stack-layer-3 {
    background:rgba(121,83,225,.07);
    transform:translate(-50%,-50%) rotate(-17deg) translateY(13px);
}

.oc-stack-layer-2 {
    background:rgba(255,255,255,.65);
    transform:translate(-50%,-50%) rotate(12deg) translateY(7px);
}

.oc-stack-main {
    z-index:3;
    padding:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,#fff,#f7f4ff);
    box-shadow:0 28px 55px rgba(67,45,145,.12);
    transform:translate(-58%,-50%);
}

.oc-commerce-logo-card {
    position:absolute;
    z-index:5;
    width:78px;
    height:78px;
    right:13px;
    bottom:17px;
    padding:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(104,71,237,.12);
    border-radius:21px;
    background:rgba(255,255,255,.94);
    box-shadow:
        0 20px 42px rgba(67,45,145,.13),
        inset 0 1px rgba(255,255,255,.95);
    transform:rotate(5deg);
}

.oc-platform-logo {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}

.oc-platform-logo-wordpress {
    max-width:72px;
    max-height:72px;
}

.oc-platform-logo-woocommerce {
    max-width:54px;
    max-height:54px;
}

.oc-platform-placeholder {
    width:66px;
    height:66px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:3px solid #7651df;
    border-radius:50%;
    color:#7651df;
    font-size:18px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.06em;
}

.oc-platform-placeholder-woo {
    width:48px;
    height:34px;
    border:0;
    border-radius:10px;
    color:#fff;
    background:#96588a;
    font-size:10px;
    letter-spacing:-.03em;
}

.oc-stack-port {
    position:absolute;
    z-index:6;
    width:11px;
    height:11px;
    border:2px solid #fff;
    border-radius:50%;
    background:#9250ea;
}

.oc-stack-port-a {
    left:17px;
    top:67px;
}

.oc-stack-port-b {
    right:1px;
    bottom:37px;
}

.oc-saas-system {
    position:relative;
    width:240px;
    height:190px;
}

.oc-saas-center {
    position:absolute;
    z-index:4;
    width:120px;
    height:120px;
    left:50%;
    top:50%;
    padding:26px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    border:1px solid rgba(99,64,180,.13);
    border-radius:30px;
    background:#fff;
    box-shadow:0 28px 55px rgba(67,45,145,.12);
    transform:translate(-50%,-50%);
}

.oc-saas-center span {
    height:7px;
    border-radius:10px;
    background:linear-gradient(90deg,#674ce1,#a250e5);
}

.oc-saas-center span:nth-child(2) {
    width:70%;
}

.oc-saas-center span:nth-child(3) {
    width:48%;
    margin-left:auto;
}

.oc-saas-node {
    position:absolute;
    z-index:5;
    width:13px;
    height:13px;
    border:2px solid #fff;
    border-radius:50%;
    background:#9250ea;
}

.oc-saas-node-a {
    left:10px;
    top:48px;
}

.oc-saas-node-b {
    right:13px;
    top:34px;
}

.oc-saas-node-c {
    left:24px;
    bottom:27px;
}

.oc-saas-node-d {
    right:18px;
    bottom:35px;
}

.oc-saas-line {
    position:absolute;
    height:1px;
    transform-origin:left;
    background:linear-gradient(90deg,rgba(121,76,214,.2),rgba(146,80,234,.62));
}

.oc-saas-line-a {
    width:86px;
    left:20px;
    top:55px;
    transform:rotate(13deg);
}

.oc-saas-line-b {
    width:82px;
    left:141px;
    top:67px;
    transform:rotate(-28deg);
}

.oc-saas-line-c {
    width:84px;
    left:34px;
    bottom:36px;
    transform:rotate(-28deg);
}

.oc-saas-line-d {
    width:80px;
    left:140px;
    bottom:61px;
    transform:rotate(24deg);
}

.oc-build-copy small {
    color:#9b96a5;
    font-size:6px;
    font-weight:700;
    letter-spacing:.19em;
}

.oc-build-copy h3 {
    margin:10px 0 0;
    font-size:clamp(44px,3.3vw,62px);
    line-height:.91;
    font-weight:900;
    letter-spacing:-.058em;
}

.oc-build-copy p {
    max-width:520px;
    margin:19px 0 0;
    color:#6a6d79;
    font-size:13px;
    line-height:1.75;
}

.oc-mini-flow {
    margin-top:22px;
    padding:17px 0;
    display:grid;
    grid-template-columns:auto 1fr auto 1fr auto;
    align-items:center;
    gap:10px;
    border-top:1px solid rgba(20,18,31,.06);
    border-bottom:1px solid rgba(20,18,31,.06);
}

.oc-mini-flow > span {
    display:flex;
    align-items:center;
    gap:6px;
    color:#898491;
    font-size:5px;
    font-weight:700;
    letter-spacing:.11em;
}

.oc-mini-flow > span i {
    width:7px;
    height:7px;
    border:2px solid rgba(130,78,221,.28);
    border-radius:50%;
}

.oc-mini-flow > b {
    height:1px;
    background:rgba(100,78,154,.13);
}

.oc-card-tags {
    margin-top:18px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.oc-card-tags span {
    padding:7px 9px;
    border:1px solid rgba(29,26,43,.07);
    border-radius:8px;
    color:#8f8998;
    background:rgba(255,255,255,.5);
    font-size:5px;
    font-weight:700;
    letter-spacing:.12em;
}

.oc-process-machine {
    position:relative;
    margin-top:36px;
    padding:55px 0 12px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
}

.oc-process-rail {
    position:absolute;
    z-index:0;
    left:8%;
    right:8%;
    top:34px;
    height:1px;
    background:rgba(91,69,153,.15);
}

.oc-process-rail > i {
    position:absolute;
    width:18%;
    height:1px;
    left:-20%;
    background:linear-gradient(90deg,transparent,#9250ea,transparent);
    animation:ocProcessSignal 4s linear infinite;
}

@keyframes ocProcessSignal {
    to {
        left:105%;
    }
}

.oc-process-number {
    position:relative;
    z-index:3;
    width:38px;
    height:38px;
    margin:-43px auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(126,79,218,.2);
    border-radius:50%;
    color:#7853d4;
    background:#fff;
    box-shadow:0 9px 25px rgba(78,54,147,.09);
    font-size:7px;
    font-weight:800;
}

.oc-process-block {
    position:relative;
    min-height:205px;
    padding:23px;
    overflow:hidden;
    border:1px solid rgba(22,19,38,.07);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,246,253,.75));
}

.oc-process-light {
    position:absolute;
    width:120px;
    height:120px;
    right:-55px;
    top:-55px;
    border-radius:50%;
    background:rgba(147,80,237,.11);
    filter:blur(30px);
}

.oc-process-block small {
    color:#9d97a5;
    font-size:6px;
    font-weight:700;
    letter-spacing:.15em;
}

.oc-process-block strong {
    display:block;
    margin-top:34px;
    font-size:19px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-.035em;
}

.oc-process-block p {
    margin:13px 0 0;
    color:#747681;
    font-size:11px;
    line-height:1.65;
}

.oc-thinking-panel {
    position:relative;
    min-height:485px;
    padding:48px 65px;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
    align-items:center;
    gap:80px;
    border:1px solid rgba(23,20,39,.07);
    border-radius:36px;
    background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,244,255,.78));
    box-shadow:0 35px 90px rgba(43,31,91,.065);
}

.oc-thinking-principles > div {
    padding:22px 0;
    display:grid;
    grid-template-columns:40px 155px 1fr;
    align-items:start;
    gap:18px;
    border-bottom:1px solid rgba(20,18,31,.07);
}

.oc-thinking-principles > div:last-child {
    border-bottom:0;
}

.oc-thinking-principles span {
    color:#a29ca9;
    font-size:7px;
    font-weight:700;
}

.oc-thinking-principles strong {
    font-size:11px;
    font-weight:800;
}

.oc-thinking-principles p {
    margin:-2px 0 0;
    color:#747681;
    font-size:11px;
    line-height:1.65;
}

.oc-about-grid {
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
    align-items:center;
    gap:100px;
}

.oc-about-copy > p {
    max-width:610px;
    margin:24px 0 0;
    color:#696c79;
    font-size:15px;
    line-height:1.78;
}

.oc-final-module {
    position:relative;
    min-height:450px;
    padding:34px 34px 96px;
    overflow:hidden;
    border:1px solid rgba(99,64,180,.13);
    border-radius:34px;
    background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(246,242,255,.88));
    box-shadow:
        0 42px 95px rgba(48,32,103,.13),
        inset 0 1px rgba(255,255,255,.95);
}

.oc-final-aura {
    position:absolute;
    width:360px;
    height:320px;
    right:-90px;
    top:-120px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(137,78,239,.19),rgba(213,77,204,.07),transparent 72%);
    filter:blur(30px);
}

.oc-final-depth {
    position:absolute;
    width:350px;
    height:180px;
    right:-100px;
    bottom:-40px;
    border:1px solid rgba(117,75,205,.08);
    border-radius:50%;
}

.oc-final-top {
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.oc-final-top > span:first-child {
    color:#9893a1;
    font-size:6px;
    font-weight:700;
    letter-spacing:.17em;
}

.oc-final-online {
    display:flex;
    align-items:center;
    gap:6px;
    color:#755f92;
    font-size:5px;
    font-weight:700;
    letter-spacing:.13em;
}

.oc-final-online i {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#9250ea;
}

.oc-final-core {
    position:relative;
    z-index:3;
    margin-top:58px;
}

.oc-final-core small {
    color:#9d97a5;
    font-size:6px;
    font-weight:700;
    letter-spacing:.16em;
}

.oc-final-core h3 {
    margin:10px 0 0;
    font-size:clamp(40px,3.6vw,62px);
    line-height:.92;
    font-weight:900;
    letter-spacing:-.06em;
}

.oc-final-core p {
    margin:20px 0 0;
    color:#757681;
    font-size:12px;
}

.oc-final-contact {
    position:relative;
    min-height:52px;
    margin-top:24px;
    padding:0 19px;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    gap:10px;
    border-radius:14px;
    text-decoration:none;
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.015em;
}

.oc-final-bus {
    position:absolute;
    left:34px;
    right:34px;
    bottom:32px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:7px;
}

.oc-final-bus span {
    height:4px;
    border-radius:20px;
    background:linear-gradient(90deg,#664ddd,#a350df);
}

.oc-footer {
    position:relative;
    z-index:10;
    padding:25px 0 35px;
}

.oc-footer-inner {
    width:min(1460px,calc(100% - 48px));
    margin:0 auto;
    padding-top:24px;
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    gap:50px;
    border-top:1px solid rgba(21,19,35,.07);
}

.oc-footer-brand {
    display:flex;
    align-items:center;
    gap:24px;
}

.oc-footer-brand > span {
    color:#9b97a2;
    font-size:6px;
    font-weight:700;
    letter-spacing:.14em;
}

.oc-footer-links {
    display:flex;
    gap:22px;
}

.oc-footer-links a {
    color:#73747e;
    text-decoration:none;
    font-size:10px;
}

.oc-footer-copy {
    color:#9b97a2;
    font-size:7px;
    font-weight:600;
    letter-spacing:.08em;
}

@media(max-width:1200px) {

    .oc-hero {
        min-height:auto;
    }

    .oc-hero-grid {
        min-height:0;
        grid-template-columns:1fr;
        padding:125px 0 80px;
        gap:58px;
    }

    .oc-hero-copy {
        margin-top:46px;
    }

    .oc-product-hero {
        width:100%;
        max-width:940px;
        margin:0 auto;
        padding-right:20px;
    }

    .oc-build-grid {
        grid-template-columns:1fr;
    }

    .oc-process-machine {
        grid-template-columns:repeat(3,1fr);
        row-gap:48px;
    }

    .oc-process-rail {
        display:none;
    }

    .oc-process-number {
        margin:0 0 15px;
    }

    .oc-thinking-panel {
        grid-template-columns:1fr;
        gap:42px;
    }

    .oc-about-grid {
        grid-template-columns:1fr;
        gap:45px;
    }

}

@media(max-width:850px) {

    .oc-header {
        top:12px;
    }

    .oc-header-inner {
        width:calc(100% - 24px);
        min-height:62px;
        padding:0 13px;
        border-radius:17px;
    }

    .oc-logo-image {
        height:30px;
        max-width:160px;
    }

    .oc-nav,
    .oc-header-cta {
        display:none;
    }

    .oc-menu {
        width:40px;
        height:40px;
        margin-left:auto;
        padding:0;
        display:block;
        border:1px solid rgba(18,17,28,.07);
        border-radius:11px;
        background:rgba(255,255,255,.72);
    }

    .oc-menu span {
        width:17px;
        height:2px;
        margin:5px auto;
        display:block;
        background:#17171f;
    }

    .oc-mobile-nav {
        position:absolute;
        top:72px;
        left:12px;
        right:12px;
        padding:12px;
        flex-direction:column;
        border:1px solid rgba(19,18,30,.07);
        border-radius:17px;
        background:rgba(255,255,255,.96);
        box-shadow:0 23px 50px rgba(35,26,75,.10);
    }

    .oc-header.menu-open .oc-mobile-nav {
        display:flex;
    }

    .oc-mobile-nav a {
        padding:13px 10px;
        text-decoration:none;
        font-size:13px;
        line-height:1.3;
        font-weight:500;
        letter-spacing:-.01em;
    }

    .oc-section-head {
        grid-template-columns:1fr;
        gap:24px;
    }

    .oc-process-machine {
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:650px) {

    .oc-spatial-bg {
        display:none !important;
    }

    .oc-section-inner {
        width:calc(100% - 28px);
    }

    .oc-logo-image {
        height:28px;
        max-width:145px;
    }

    .oc-logo-mark {
        width:30px;
        height:30px;
        padding:6px;
    }

    .oc-logo-text {
        font-size:20px;
    }

    .oc-hero-grid {
        padding:100px 0 62px;
        gap:52px;
    }

    .oc-hero-copy {
        margin-top:28px;
        text-align:center;
    }

    .oc-kicker {
        justify-content:center;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:16px;
        font-size:7px;
        letter-spacing:.15em;
    }

    .oc-hero h1,
    .oc-section-head h2,
    .oc-thinking h2,
    .oc-about h2 {
        font-size:clamp(43px,12.7vw,63px);
        line-height:.92;
        letter-spacing:-.057em;
        text-align:center;
    }

    .oc-gradient-text {
        padding-right:.18em;
        padding-bottom:.19em;
        margin-right:-.07em;
    }

    .oc-hero-copy > p,
    .oc-section-head > p,
    .oc-about-copy > p {
        margin-left:auto;
        margin-right:auto;
        font-size:13px;
        line-height:1.7;
        text-align:center;
    }

    .oc-hero-actions {
        flex-direction:column;
    }

    .oc-btn {
        width:100%;
    }

    .oc-hero-meta {
        justify-content:center;
    }

    .oc-product-hero {
        --mouse-x:0px !important;
        --mouse-y:0px !important;
        --og-scroll:0px !important;
        min-height:610px;
        width:calc(100% + 8px);
        margin:0 -4px;
        padding:0;
        perspective:none;
        transform-style:flat;
    }

    .oc-og-atmosphere {
        width:330px;
        height:310px;
        top:58%;
        filter:blur(48px);
    }

    .oc-og-atmosphere-b {
        display:none;
    }

    .oc-og-ghost-word {
        left:-8%;
        top:103px;
        font-size:86px;
        transform:none;
        opacity:.75;
    }

    .oc-product-intro {
        width:100%;
        margin:0;
        text-align:center;
    }

    .oc-latest-badge {
        min-height:36px;
        margin:0 auto;
        padding:0 15px;
        border:1px solid rgba(91,63,155,.10);
        color:#6f59a4;
        background:rgba(255,255,255,.88);
        box-shadow:
            0 10px 24px rgba(74,50,135,.07),
            inset 0 1px rgba(255,255,255,.95);
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        font-size:6px;
    }

    .oc-og-intro-row {
        margin-top:14px;
        display:block;
    }

    .oc-og-intro-row h2 {
        margin:0;
        font-size:clamp(52px,17vw,74px);
    }

    .oc-og-available {
        width:max-content;
        margin:7px auto 0;
    }

    .oc-product-intro > p {
        max-width:300px;
        margin:14px auto 0;
        font-size:11px;
    }

    .oc-og-space {
        height:320px;
        margin-top:-7px;
        perspective:none;
        transform-style:flat;
    }

    .oc-og-orbit {
        display:none;
    }

    .oc-og-screen {
        transform:none !important;
        transition:none !important;
        will-change:auto;
        border-radius:14px;
        box-shadow:
            0 18px 38px rgba(44,28,100,.14),
            0 6px 16px rgba(56,40,112,.07);
    }

    .oc-og-screen-main {
        z-index:5;
        width:88%;
        height:225px;
        left:6%;
        top:50px;
    }

    .oc-og-screen-folders {
        z-index:3;
        width:61%;
        height:150px;
        left:-6%;
        top:4px;
    }

    .oc-og-screen-hover {
        z-index:7;
        width:44%;
        height:176px;
        right:-5%;
        top:138px;
    }

    .oc-og-window-bar {
        height:22px;
        border-bottom:0;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
    }

    .oc-og-main-footer,
    .oc-og-screen-tag {
        display:none;
    }

    .oc-og-floating-label {
        display:none;
    }

    .oc-og-product-bottom {
        width:100%;
        margin:2px 0 0;
    }

    .oc-og-product-points {
        gap:6px;
        font-size:4px;
    }

    .oc-og-cta {
        min-height:68px;
        margin-top:16px;
        padding:0 10px 0 18px;
        border-radius:18px;
    }

    .oc-og-cta::after {
        display:none;
        animation:none;
    }

    .oc-og-cta-copy small {
        font-size:4px;
    }

    .oc-og-cta-copy strong {
        font-size:13px;
    }

    .oc-og-cta-arrow {
        width:46px;
        height:46px;
        border-radius:13px;
    }

    .oc-build,
    .oc-process,
    .oc-thinking,
    .oc-about {
        padding:42px 0;
    }

    .oc-build {
        padding-top:58px;
    }

    .oc-about {
        padding-bottom:48px;
    }

    .oc-section-number {
        display:none;
    }

    .oc-section-head,
    .oc-thinking-title,
    .oc-about-copy {
        text-align:center;
    }

    .oc-section-ghost-title {
        top:44px;
        font-size:clamp(72px,22vw,118px);
        line-height:.78;
        color:rgba(255,255,255,.48);
        text-shadow:none;
    }

    .oc-ghost-title-left {
        right:12%;
    }

    .oc-ghost-title-right {
        left:12%;
    }

    .oc-scroll-heading {
        filter:none;
        transform:
            perspective(650px)
            translate3d(
                calc((1 - var(--heading-p)) * -20px),
                calc((1 - var(--heading-p)) * 32px),
                0
            )
            rotateX(calc((1 - var(--heading-p)) * 38deg))
            rotateY(calc((1 - var(--heading-p)) * -9deg))
            scale(calc(.95 + var(--heading-p) * .05));
    }

    .oc-scroll-mask,
    .oc-box-part {
        filter:none;
    }

    .oc-build-grid {
        margin-top:30px;
        grid-template-columns:1fr;
        gap:16px;
    }

    .oc-build-card {
        min-height:0;
        padding:21px;
        border-radius:22px;
    }

    .oc-build-visual {
        height:160px;
    }

    .oc-wp-stack {
        width:225px;
        height:170px;
    }

    .oc-stack-layer,
    .oc-stack-main {
        width:116px;
        height:116px;
    }

    .oc-stack-main {
        padding:22px;
    }

    .oc-commerce-logo-card {
        width:68px;
        height:68px;
        right:12px;
        bottom:15px;
        padding:13px;
        border-radius:18px;
    }

    .oc-build-copy {
        text-align:center;
    }

    .oc-build-copy h3 {
        font-size:clamp(39px,11vw,52px);
    }

    .oc-mini-flow {
        grid-template-columns:1fr;
        gap:9px;
    }

    .oc-mini-flow > span {
        justify-content:center;
    }

    .oc-mini-flow > b {
        width:1px;
        height:17px;
        margin:0 auto;
    }

    .oc-card-tags {
        justify-content:center;
    }

    .oc-process-machine {
        margin-top:28px;
        padding:0;
        grid-template-columns:1fr;
        gap:13px;
    }

    .oc-process-number {
        display:none;
    }

    .oc-process-block {
        width:100%;
        min-height:150px;
        padding:24px;
        border-radius:20px;
    }

    .oc-process-block strong {
        margin-top:22px;
        font-size:20px;
    }

    .oc-thinking-panel {
        min-height:0;
        padding:32px 21px;
        border-radius:24px;
        text-align:center;
    }

    .oc-thinking-principles > div {
        grid-template-columns:32px 1fr;
        text-align:left;
    }

    .oc-thinking-principles p {
        grid-column:2;
    }

    .oc-about-grid {
        gap:36px;
    }

    .oc-final-module {
        min-height:440px;
        padding:23px 23px 104px;
        border-radius:24px;
    }

    .oc-final-core {
        margin-top:58px;
        text-align:center;
    }

    .oc-final-core h3 {
        font-size:clamp(35px,10.8vw,50px);
    }

    .oc-final-contact {
        min-height:54px;
        padding:0 22px;
        font-size:12px;
    }

    .oc-final-bus {
        left:23px;
        right:23px;
        bottom:30px;
    }

    .oc-footer-inner {
        width:calc(100% - 28px);
        grid-template-columns:1fr;
        justify-items:center;
        gap:23px;
        text-align:center;
    }

    .oc-footer-brand {
        flex-direction:column;
        gap:13px;
    }

    .oc-footer-links {
        flex-wrap:wrap;
        justify-content:center;
    }

}

@media(prefers-reduced-motion:reduce) {

    .oc-og-cta::after {
        animation:none;
    }

    .oc-og-screen,
    .oc-og-ghost-word,
    .oc-og-floating-label {
        transform:none !important;
    }

    .oc-scroll-heading,
    .oc-scroll-mask,
    .oc-scroll-box,
    .oc-box-part,
    .oc-scroll-scene .oc-kicker > span,
    .oc-scroll-scene .oc-kicker > b {
        transform:none !important;
        opacity:1 !important;
        clip-path:none !important;
        filter:none !important;
    }

}html {
    scroll-behavior:smooth;
}

.oc-legal-page {
    --oc-text:#151320;
    --oc-muted:#767284;
    --oc-soft:#f7f4fc;
    --oc-border:rgba(72,53,112,.105);
    --oc-purple:#6544e9;
    --oc-pink:#d44ccc;
    position:relative;
    width:100%;
    min-height:100vh;
    overflow:hidden;
    color:var(--oc-text);
    background:
        radial-gradient(circle at 78% 3%,rgba(180,139,255,.17),transparent 30%),
        radial-gradient(circle at 14% 28%,rgba(214,185,255,.12),transparent 27%),
        linear-gradient(180deg,#fbf9ff 0%,#f8f5fc 52%,#fbfaff 100%);
    font-family:Inter,Arial,sans-serif;
}

.oc-legal-page *,
.oc-legal-page *::before,
.oc-legal-page *::after {
    box-sizing:border-box;
}

.oc-legal-page a {
    color:inherit;
    text-decoration:none;
}

.oc-legal-shell {
    position:relative;
    z-index:2;
    width:min(1440px,calc(100% - 80px));
    margin:0 auto;
}

.oc-legal-ambient {
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
}

.oc-legal-grid {
    position:absolute;
    inset:0;
    opacity:.27;
    background-image:
        linear-gradient(rgba(102,72,153,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(102,72,153,.04) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 58%);
}

.oc-legal-glow {
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
}

.oc-legal-glow-a {
    width:480px;
    height:480px;
    top:-190px;
    right:4%;
    background:rgba(131,75,233,.14);
}

.oc-legal-glow-b {
    width:420px;
    height:420px;
    top:780px;
    left:-150px;
    background:rgba(208,77,203,.09);
}

.oc-legal-plane {
    position:absolute;
    border:1px solid rgba(110,76,170,.08);
    background:rgba(255,255,255,.23);
    box-shadow:0 40px 110px rgba(80,56,120,.04);
    backdrop-filter:blur(10px);
}

.oc-legal-plane-a {
    width:400px;
    height:250px;
    top:285px;
    right:-110px;
    border-radius:30px;
}

.oc-legal-plane-b {
    width:340px;
    height:210px;
    top:1020px;
    left:-130px;
    border-radius:28px;
}

.oc-legal-header {
    position:absolute;
    top:28px;
    left:0;
    right:0;
    z-index:50;
}

.oc-legal-header-inner {
    width:min(1440px,calc(100% - 80px));
    min-height:74px;
    margin:0 auto;
    padding:0 14px 0 22px;
    display:flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.72);
    border-radius:24px;
    background:rgba(255,255,255,.7);
    box-shadow:
        0 20px 50px rgba(54,39,87,.07),
        inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter:blur(22px);
}

.oc-logo {
    display:inline-flex;
    align-items:center;
    gap:10px;
    flex:none;
}

.oc-logo-image {
    display:block;
    width:auto;
    height:34px;
}

.oc-logo-mark {
    position:relative;
    display:block;
    width:27px;
    height:27px;
}

.oc-logo-mark::before,
.oc-logo-mark::after {
    content:"";
    position:absolute;
    top:50%;
    width:8px;
    height:8px;
    border-top:2px solid #7148e6;
    border-right:2px solid #7148e6;
}

.oc-logo-mark::before {
    left:0;
    transform:translateY(-50%) rotate(225deg);
}

.oc-logo-mark::after {
    right:0;
    transform:translateY(-50%) rotate(45deg);
}

.oc-logo-mark i {
    position:absolute;
    top:50%;
    left:50%;
    width:9px;
    height:9px;
    border:2px solid #7148e6;
    border-radius:50%;
    transform:translate(-50%,-50%);
}

.oc-logo-text {
    font-size:20px;
    font-weight:700;
    letter-spacing:-.055em;
}

.oc-legal-nav {
    display:flex;
    align-items:center;
    gap:34px;
    margin-left:auto;
    margin-right:34px;
}

.oc-legal-nav a {
    position:relative;
    padding:8px 0;
    font-size:13px;
    font-weight:500;
    letter-spacing:-.015em;
    color:#55505e;
}

.oc-legal-nav a::after {
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:3px;
    height:1px;
    background:#7c4ae5;
    transition:right .3s ease;
}

.oc-legal-nav a:hover::after {
    right:0;
}

.oc-header-contact {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-width:126px;
    min-height:46px;
    padding:0 19px;
    overflow:hidden;
    border-radius:15px;
    color:#fff !important;
    background:linear-gradient(100deg,#6241e8,#954cee 55%,#d34ccd);
    box-shadow:
        0 16px 32px rgba(108,65,218,.19),
        0 3px 8px rgba(104,64,207,.08);
    font-size:13px;
    font-weight:600;
}

.oc-header-contact svg {
    width:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
}

.oc-primary-hover {
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease;
}

.oc-primary-hover::before {
    content:"";
    position:absolute;
    top:-70%;
    left:-45%;
    width:32%;
    height:240%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.30),
        transparent
    );
    transform:rotate(20deg);
    transition:left .65s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
}

.oc-primary-hover::after {
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    background:linear-gradient(
        180deg,
        rgba(255,255,255,.09),
        transparent 42%
    );
    pointer-events:none;
}

.oc-primary-hover > * {
    position:relative;
    z-index:2;
}

.oc-primary-hover svg {
    transition:transform .32s cubic-bezier(.2,.8,.2,1);
}

.oc-primary-hover:hover {
    transform:translateY(-3px) scale(1.012);
    box-shadow:
        0 23px 42px rgba(108,65,218,.27),
        0 6px 14px rgba(104,64,207,.12);
}

.oc-primary-hover:hover::before {
    left:120%;
}

.oc-primary-hover:hover svg {
    transform:translateX(4px);
}

.oc-primary-hover:active {
    transform:translateY(-1px) scale(.995);
}

.oc-mobile-toggle,
.oc-mobile-nav {
    display:none;
}

.oc-legal-hero {
    position:relative;
    z-index:2;
    padding:190px 0 88px;
}

.oc-legal-hero-copy {
    max-width:760px;
}

.oc-legal-kicker {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:27px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.18em;
    color:#67616f;
}

.oc-kicker-dot {
    width:6px;
    height:6px;
    border-radius:50%;
    background:linear-gradient(135deg,#7351ea,#ce4dce);
    box-shadow:0 0 0 5px rgba(113,75,231,.08);
}

.oc-legal-hero h1 {
    margin:0;
    max-width:700px;
    font-size:clamp(70px,7vw,116px);
    line-height:.86;
    letter-spacing:-.075em;
    font-weight:700;
}

.oc-gradient-text {
    display:inline-block;
    position:relative;
    overflow:visible;
    padding-right:.16em;
    padding-bottom:.16em;
    margin-right:-.06em;
    margin-bottom:-.10em;
    color:transparent;
    background:linear-gradient(95deg,#6244e9 0%,#8d4ced 34%,#b94bdd 68%,#db4bc8 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
}

.oc-legal-meta {
    display:flex;
    gap:20px;
    align-items:center;
    margin-top:34px;
}

.oc-legal-meta span {
    font-size:9px;
    font-weight:700;
    letter-spacing:.16em;
    color:#9a94a3;
}

.oc-legal-meta strong {
    font-size:11px;
    letter-spacing:.08em;
}

.oc-legal-document {
    position:relative;
    z-index:2;
    padding:62px 0 130px;
}

.oc-legal-layout {
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:90px;
    align-items:start;
}

.oc-legal-sidebar {
    position:relative;
    align-self:start;
}

.oc-legal-sidebar-inner {
    position:sticky;
    top:36px;
    max-height:calc(100vh - 72px);
    overflow-y:auto;
    padding-right:14px;
    scrollbar-width:none;
}

.oc-legal-sidebar-inner::-webkit-scrollbar {
    display:none;
}

.oc-sidebar-label {
    margin-bottom:20px;
    font-size:9px;
    font-weight:700;
    letter-spacing:.18em;
    color:#9992a0;
}

.oc-legal-toc {
    display:flex;
    flex-direction:column;
}

.oc-legal-toc a {
    display:grid;
    grid-template-columns:27px 1fr;
    gap:8px;
    padding:7px 0;
    font-size:11px;
    line-height:1.4;
    color:#77717d;
    transition:color .25s ease,transform .25s ease;
}

.oc-legal-toc a span {
    color:#aaa2b1;
    font-size:9px;
}

.oc-legal-toc a:hover,
.oc-legal-toc a.is-active {
    color:#6844dd;
    transform:translateX(4px);
}

.oc-legal-content {
    min-width:0;
    padding-left:10px;
}

.oc-policy-section {
    scroll-margin-top:90px;
    padding:0 0 66px;
    margin:0 0 66px;
    border-bottom:1px solid rgba(72,53,104,.07);
}

.oc-policy-section:last-child {
    border-bottom:0;
    margin-bottom:0;
}

.oc-policy-heading {
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    align-items:start;
    gap:15px;
    margin-bottom:29px;
}

.oc-policy-heading > span {
    padding-top:8px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.1em;
    color:#aaa2b1;
}

.oc-policy-heading h2 {
    margin:0;
    font-size:clamp(30px,3vw,48px);
    line-height:1.04;
    letter-spacing:-.05em;
    font-weight:650;
}

.oc-policy-section > p,
.oc-policy-section > ul,
.oc-policy-section > h3 {
    margin-left:65px;
}

.oc-policy-section > p {
    max-width:820px;
    margin-top:0;
    margin-bottom:20px;
    font-size:15px;
    line-height:1.82;
    color:#67616d;
}

.oc-policy-section p strong {
    color:#26222d;
    font-weight:600;
}

.oc-policy-section p a {
    color:#6744df;
    text-decoration:underline;
    text-decoration-color:rgba(103,68,223,.24);
    text-underline-offset:4px;
}

.oc-policy-section h3 {
    margin-top:35px;
    margin-bottom:14px;
    font-size:17px;
    line-height:1.4;
    letter-spacing:-.025em;
}

.oc-policy-section ul {
    max-width:790px;
    padding:0;
    list-style:none;
    margin-top:4px;
    margin-bottom:24px;
}

.oc-policy-section li {
    position:relative;
    padding:7px 0 7px 23px;
    font-size:14px;
    line-height:1.65;
    color:#6b6570;
}

.oc-policy-section li::before {
    content:"";
    position:absolute;
    left:2px;
    top:17px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:linear-gradient(135deg,#7148e6,#d14cc9);
}

.oc-legal-footer {
    position:relative;
    z-index:2;
    padding:0 0 35px;
}

.oc-footer-top {
    display:grid;
    grid-template-columns:220px 1fr auto;
    align-items:center;
    gap:40px;
    min-height:110px;
    padding:0 10px;
    border-top:1px solid rgba(75,56,105,.08);
}

.oc-footer-description {
    font-size:11px;
    color:#87808c;
}

.oc-footer-links {
    display:flex;
    gap:27px;
    align-items:center;
}

.oc-footer-links a {
    font-size:11px;
    color:#77717c;
    transition:color .25s ease;
}

.oc-footer-links a:hover {
    color:#6543dc;
}

.oc-footer-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 10px 0;
    border-top:1px solid rgba(75,56,105,.06);
    font-size:8px;
    font-weight:600;
    letter-spacing:.12em;
    color:#aaa2af;
}

@media(max-width:1100px) {
    .oc-legal-nav {
        gap:22px;
        margin-right:22px;
    }

    .oc-legal-layout {
        grid-template-columns:240px minmax(0,1fr);
        gap:55px;
    }

    .oc-footer-top {
        grid-template-columns:180px 1fr;
    }

    .oc-footer-links {
        grid-column:1 / -1;
        padding-bottom:25px;
    }
}

@media(max-width:860px) {
    .oc-legal-shell,
    .oc-legal-header-inner {
        width:min(100% - 40px,1440px);
    }

    .oc-legal-nav,
    .oc-header-contact {
        display:none;
    }

    .oc-mobile-toggle {
        display:flex;
        width:42px;
        height:42px;
        margin-left:auto;
        padding:0;
        border:0;
        border-radius:13px;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        gap:5px;
        background:#f5f1fb;
        cursor:pointer;
    }

    .oc-mobile-toggle span {
        display:block;
        width:16px;
        height:1px;
        background:#37303e;
        transition:transform .3s ease;
    }

    .oc-mobile-toggle.is-open span:first-child {
        transform:translateY(3px) rotate(45deg);
    }

    .oc-mobile-toggle.is-open span:last-child {
        transform:translateY(-3px) rotate(-45deg);
    }

    .oc-mobile-nav {
        width:min(100% - 40px,1440px);
        margin:8px auto 0;
        padding:12px;
        border:1px solid rgba(255,255,255,.8);
        border-radius:19px;
        background:rgba(255,255,255,.93);
        box-shadow:0 20px 45px rgba(60,42,91,.08);
        backdrop-filter:blur(20px);
    }

    .oc-mobile-nav.is-open {
        display:flex;
        flex-direction:column;
    }

    .oc-mobile-nav a {
        padding:12px 13px;
        border-radius:10px;
        font-size:13px;
    }

    .oc-mobile-nav a:hover {
        background:#f6f2fb;
    }

    .oc-legal-hero {
        padding-top:170px;
    }

    .oc-legal-layout {
        display:block;
    }

    .oc-legal-sidebar {
        display:none;
    }

    .oc-legal-content {
        padding:0;
    }

    .oc-policy-section {
        scroll-margin-top:105px;
    }
}

@media(max-width:650px) {
    .oc-legal-page {
        background:
            linear-gradient(180deg,#fbf9ff 0%,#f8f5fc 60%,#fcfbff 100%);
    }

    .oc-legal-ambient {
        display:none;
    }

    .oc-legal-shell,
    .oc-legal-header-inner,
    .oc-mobile-nav {
        width:calc(100% - 28px);
    }

    .oc-legal-header {
        top:14px;
    }

    .oc-legal-header-inner {
        min-height:62px;
        padding:0 10px 0 16px;
        border-radius:19px;
    }

    .oc-logo-image {
        height:28px;
    }

    .oc-logo-text {
        font-size:18px;
    }

    .oc-legal-hero {
        padding:132px 0 58px;
    }

    .oc-legal-kicker {
        margin-bottom:20px;
        font-size:9px;
    }

    .oc-legal-hero h1 {
        max-width:100%;
        font-size:clamp(58px,18vw,86px);
        line-height:.87;
    }

    .oc-gradient-text {
        padding-right:.18em;
        padding-bottom:.19em;
        margin-right:-.07em;
    }

    .oc-legal-meta {
        margin-top:26px;
        gap:11px;
        flex-direction:column;
        align-items:flex-start;
    }

    .oc-legal-document {
        padding:35px 0 80px;
    }

    .oc-policy-section {
        padding-bottom:45px;
        margin-bottom:45px;
    }

    .oc-policy-heading {
        display:block;
        margin-bottom:23px;
    }

    .oc-policy-heading > span {
        display:block;
        padding:0;
        margin-bottom:9px;
        font-size:12px;
        line-height:1;
        letter-spacing:.1em;
        color:#9b91a5;
    }

    .oc-policy-heading h2 {
        font-size:31px;
        line-height:1.04;
    }

    .oc-policy-section > p,
    .oc-policy-section > ul,
    .oc-policy-section > h3 {
        margin-left:0;
    }

    .oc-policy-section > p {
        font-size:14px;
        line-height:1.78;
    }

    .oc-policy-section h3 {
        margin-top:29px;
        font-size:16px;
    }

    .oc-policy-section li {
        padding-left:19px;
        font-size:13px;
    }

    .oc-policy-section li::before {
        top:16px;
        width:5px;
        height:5px;
    }

    .oc-footer-top {
        display:flex;
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
        padding:34px 4px 28px;
    }

    .oc-footer-description {
        margin-top:-7px;
    }

    .oc-footer-links {
        display:flex;
        flex-wrap:wrap;
        gap:14px 21px;
        padding:0;
    }

    .oc-footer-bottom {
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
        padding:18px 4px 0;
    }
}

@media(prefers-reduced-motion:reduce) {
    .oc-legal-page *,
    .oc-legal-page *::before,
    .oc-legal-page *::after {
        scroll-behavior:auto !important;
        transition:none !important;
        animation:none !important;
    }
}.oc-legal-page {
    position:relative;
    min-height:100vh;
    overflow:hidden;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:#17131d;
    background:
        radial-gradient(circle at 7% 0%,rgba(140,88,234,.13),transparent 31%),
        radial-gradient(circle at 91% 13%,rgba(216,75,202,.09),transparent 28%),
        linear-gradient(180deg,#faf8fd 0%,#f7f4fb 54%,#faf9fc 100%);
}

.oc-legal-page *,
.oc-legal-page *::before,
.oc-legal-page *::after {
    box-sizing:border-box;
}

.oc-legal-page a {
    color:inherit;
    text-decoration:none;
}

.oc-legal-shell {
    position:relative;
    z-index:2;
    width:min(100% - 160px,1440px);
    margin:0 auto;
}

.oc-legal-bg {
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    z-index:0;
}

.oc-legal-grid {
    position:absolute;
    inset:0;
    opacity:.18;
    background-image:
        linear-gradient(rgba(92,65,130,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(92,65,130,.05) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,black,transparent 80%);
}

.oc-legal-glow {
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
}

.oc-legal-glow-a {
    width:500px;
    height:500px;
    top:130px;
    right:-170px;
    background:rgba(151,78,232,.11);
}

.oc-legal-glow-b {
    width:430px;
    height:430px;
    top:720px;
    left:-190px;
    background:rgba(211,75,199,.075);
}

.oc-legal-plane {
    position:absolute;
    border:1px solid rgba(105,77,149,.08);
    background:rgba(255,255,255,.14);
    box-shadow:0 30px 80px rgba(92,63,122,.035);
    backdrop-filter:blur(4px);
}

.oc-legal-plane-a {
    width:340px;
    height:190px;
    top:260px;
    right:7%;
    border-radius:34px;
}

.oc-legal-plane-b {
    width:280px;
    height:160px;
    top:860px;
    left:4%;
    border-radius:28px;
}

.oc-header {
    position:absolute;
    top:28px;
    left:0;
    width:100%;
    z-index:30;
}

.oc-header-inner {
    width:min(100% - 64px,1440px);
    min-height:70px;
    margin:0 auto;
    padding:0 18px 0 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    border:1px solid rgba(95,67,128,.09);
    border-radius:24px;
    background:rgba(255,255,255,.71);
    box-shadow:
        0 16px 50px rgba(74,48,100,.06),
        inset 0 1px 0 rgba(255,255,255,.95);
    backdrop-filter:blur(22px);
}

.oc-logo {
    display:inline-flex;
    align-items:center;
    gap:11px;
    flex:0 0 auto;
}

.oc-logo-image {
    display:block;
    width:auto;
    height:34px;
}

.oc-logo-mark {
    position:relative;
    width:27px;
    height:27px;
    display:block;
}

.oc-logo-mark::before,
.oc-logo-mark::after,
.oc-logo-mark i {
    content:"";
    position:absolute;
    border:2px solid #7e48e7;
    border-radius:7px;
}

.oc-logo-mark::before {
    width:18px;
    height:18px;
    top:0;
    left:0;
}

.oc-logo-mark::after {
    width:18px;
    height:18px;
    right:0;
    bottom:0;
}

.oc-logo-mark i {
    width:8px;
    height:8px;
    top:9px;
    left:9px;
    border-color:#ca4dce;
}

.oc-logo-text {
    font-size:22px;
    line-height:1;
    font-weight:750;
    letter-spacing:-.055em;
}

.oc-nav {
    display:flex;
    align-items:center;
    gap:34px;
    margin-left:auto;
}

.oc-nav a {
    position:relative;
    padding:8px 0;
    font-size:13px;
    line-height:1;
    font-weight:500;
    letter-spacing:-.015em;
    color:#514b58;
    transition:color .25s ease;
}

.oc-nav a::after {
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:2px;
    height:1px;
    background:#8c4be9;
    transition:right .28s cubic-bezier(.2,.8,.2,1);
}

.oc-nav a:hover {
    color:#17131d;
}

.oc-nav a:hover::after {
    right:0;
}

.oc-header-contact {
    min-height:46px;
    padding:0 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:14px;
    font-size:13px;
    font-weight:650;
    letter-spacing:-.01em;
}

.oc-header-contact svg {
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.oc-primary-hover {
    position:relative;
    overflow:hidden;
    color:#fff !important;
    background:linear-gradient(100deg,#6241e8,#954cee 55%,#d34ccd);
    box-shadow:
        0 16px 32px rgba(108,65,218,.19),
        0 3px 8px rgba(104,64,207,.08);
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease;
}

.oc-primary-hover::before {
    content:"";
    position:absolute;
    top:-70%;
    left:-45%;
    width:32%;
    height:240%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.30),
        transparent
    );
    transform:rotate(20deg);
    transition:left .65s cubic-bezier(.2,.8,.2,1);
    pointer-events:none;
}

.oc-primary-hover::after {
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    background:linear-gradient(
        180deg,
        rgba(255,255,255,.09),
        transparent 42%
    );
    pointer-events:none;
}

.oc-primary-hover > * {
    position:relative;
    z-index:2;
}

.oc-primary-hover svg {
    transition:transform .32s cubic-bezier(.2,.8,.2,1);
}

.oc-primary-hover:hover {
    transform:translateY(-3px) scale(1.012);
    box-shadow:
        0 23px 42px rgba(108,65,218,.27),
        0 6px 14px rgba(104,64,207,.12);
}

.oc-primary-hover:hover::before {
    left:120%;
}

.oc-primary-hover:hover svg {
    transform:translateX(4px);
}

.oc-primary-hover:active {
    transform:translateY(-1px) scale(.995);
}

.oc-mobile-toggle {
    display:none;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:12px;
    background:#f4f0f8;
    cursor:pointer;
}

.oc-mobile-toggle span {
    display:block;
    width:18px;
    height:1.5px;
    margin:5px auto;
    background:#201a27;
    transition:transform .25s ease,opacity .25s ease;
}

.oc-mobile-menu {
    display:none;
}

.oc-legal-hero {
    position:relative;
    padding:190px 0 88px;
}

.oc-legal-hero-copy {
    max-width:1200px;
}

.oc-kicker {
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:34px;
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.16em;
    color:#82798c;
}

.oc-kicker::before {
    content:"";
    width:7px;
    height:7px;
    flex:0 0 auto;
    border-radius:50%;
    background:linear-gradient(135deg,#7448e9,#d24dce);
    box-shadow:0 0 0 5px rgba(126,73,231,.08);
}

.oc-legal-hero h1 {
    display:flex;
    align-items:baseline;
    flex-wrap:nowrap;
    gap:.08em;
    margin:0;
    max-width:none;
    white-space:nowrap;
    font-size:clamp(72px,7.1vw,116px);
    line-height:.86;
    font-weight:800;
    letter-spacing:-.075em;
    color:#17131d;
}

.oc-gradient-text {
    display:inline-block;
    position:relative;
    overflow:visible;
    padding-right:.16em;
    padding-bottom:.16em;
    margin-right:-.06em;
    margin-bottom:-.10em;
    color:transparent;
    background:linear-gradient(
        95deg,
        #6244e9 0%,
        #8d4ced 34%,
        #b94bdd 68%,
        #db4bc8 100%
    );
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
}

.oc-legal-meta {
    display:flex;
    margin-top:52px;
}

.oc-legal-meta > div {
    min-width:250px;
}

.oc-legal-meta span {
    display:inline-block;
    margin-right:20px;
    font-size:9px;
    line-height:1;
    font-weight:700;
    letter-spacing:.16em;
    color:#aaa1b1;
}

.oc-legal-meta strong {
    display:inline-block;
    font-size:12px;
    line-height:1.4;
    font-weight:600;
    color:#4e4755;
}

.oc-legal-document {
    position:relative;
    padding:62px 0 130px;
}

.oc-legal-layout {
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:90px;
    align-items:start;
}

.oc-legal-sidebar {
    position:relative;
    align-self:start;
}

.oc-legal-sidebar-inner {
    position:sticky;
    top:36px;
    max-height:calc(100vh - 72px);
    overflow-y:auto;
    padding-right:14px;
    scrollbar-width:none;
}

.oc-legal-sidebar-inner::-webkit-scrollbar {
    display:none;
}

.oc-toc-label {
    margin-bottom:21px;
    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:.15em;
    color:#9b91a5;
}

.oc-toc {
    display:flex;
    flex-direction:column;
}

.oc-toc a {
    position:relative;
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    gap:7px;
    padding:9px 0;
    font-size:12px;
    line-height:1.4;
    color:#817888;
    transition:color .2s ease,transform .2s ease;
}

.oc-toc a span {
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    color:#b2a8ba;
    transition:color .2s ease;
}

.oc-toc a::before {
    content:"";
    position:absolute;
    left:-15px;
    top:16px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#8549e8;
    opacity:0;
    transform:scale(.5);
    transition:opacity .2s ease,transform .2s ease;
}

.oc-toc a:hover {
    color:#312a37;
}

.oc-toc a.is-active {
    color:#221b29;
    transform:translateX(3px);
}

.oc-toc a.is-active span {
    color:#8a4ce8;
}

.oc-toc a.is-active::before {
    opacity:1;
    transform:scale(1);
}

.oc-policy-content {
    width:100%;
    max-width:930px;
}

.oc-policy-section {
    scroll-margin-top:45px;
}

.oc-policy-section + .oc-policy-section {
    margin-top:66px;
}

.oc-policy-heading {
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    align-items:start;
    gap:15px;
    margin-bottom:29px;
}

.oc-policy-heading > span {
    padding-top:7px;
    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:.11em;
    color:#aaa0b2;
}

.oc-policy-heading h2 {
    margin:0;
    max-width:780px;
    font-size:clamp(31px,3vw,47px);
    line-height:1;
    font-weight:720;
    letter-spacing:-.045em;
    color:#1e1923;
}

.oc-policy-section > p,
.oc-policy-section > ul,
.oc-policy-section > h3 {
    margin-left:65px;
}

.oc-policy-section p {
    margin-top:0;
    margin-bottom:17px;
    max-width:780px;
    font-size:15px;
    line-height:1.83;
    color:#615967;
}

.oc-policy-section p:last-child {
    margin-bottom:0;
}

.oc-policy-section strong {
    font-weight:650;
    color:#332c39;
}

.oc-policy-section a {
    color:#7b45df;
    text-decoration:underline;
    text-decoration-color:rgba(123,69,223,.25);
    text-underline-offset:3px;
    transition:color .2s ease,text-decoration-color .2s ease;
}

.oc-policy-section a:hover {
    color:#9a49dd;
    text-decoration-color:currentColor;
}

.oc-policy-section ul {
    max-width:770px;
    margin-top:6px;
    margin-bottom:22px;
    padding:0;
    list-style:none;
}

.oc-policy-section li {
    position:relative;
    padding-left:23px;
    margin-bottom:10px;
    font-size:15px;
    line-height:1.72;
    color:#615967;
}

.oc-policy-section li::before {
    content:"";
    position:absolute;
    left:0;
    top:.72em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:linear-gradient(135deg,#7247e8,#cf4fd1);
}

.oc-footer {
    position:relative;
    z-index:2;
    padding:0 0 36px;
}

.oc-footer-top {
    min-height:124px;
    padding:30px 0;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:35px;
    border-top:1px solid rgba(64,45,78,.1);
}

.oc-footer-description {
    font-size:12px;
    color:#89808e;
}

.oc-footer-nav {
    display:flex;
    align-items:center;
    gap:24px;
}

.oc-footer-nav a {
    font-size:12px;
    font-weight:500;
    color:#625b68;
    transition:color .2s ease;
}

.oc-footer-nav a:hover {
    color:#17131d;
}

.oc-footer-bottom {
    padding-top:22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    border-top:1px solid rgba(64,45,78,.08);
    font-size:10px;
    letter-spacing:.04em;
    color:#9b929f;
}

.oc-footer-bottom div {
    display:flex;
    gap:20px;
}

.oc-footer-bottom a {
    transition:color .2s ease;
}

.oc-footer-bottom a:hover {
    color:#332c39;
}

@media(max-width:1100px) {
    .oc-legal-shell {
        width:min(100% - 80px,1440px);
    }

    .oc-legal-layout {
        grid-template-columns:250px minmax(0,1fr);
        gap:58px;
    }

    .oc-header-inner {
        width:min(100% - 48px,1440px);
    }

    .oc-nav {
        gap:23px;
    }
}

@media(max-width:860px) {
    .oc-legal-shell {
        width:min(100% - 48px,1440px);
    }

    .oc-header-inner {
        width:calc(100% - 32px);
        min-height:64px;
        padding:0 12px 0 18px;
    }

    .oc-logo-image {
        height:30px;
    }

    .oc-nav,
    .oc-header-contact {
        display:none;
    }

    .oc-mobile-toggle {
        display:block;
    }

    .oc-mobile-menu {
        position:absolute;
        top:76px;
        left:24px;
        right:24px;
        padding:14px;
        display:flex;
        flex-direction:column;
        gap:3px;
        border:1px solid rgba(95,67,128,.09);
        border-radius:18px;
        background:rgba(255,255,255,.96);
        box-shadow:0 24px 60px rgba(68,44,90,.12);
        backdrop-filter:blur(20px);
        opacity:0;
        visibility:hidden;
        transform:translateY(-8px);
        transition:
            opacity .22s ease,
            visibility .22s ease,
            transform .22s ease;
    }

    .oc-mobile-menu.is-open {
        opacity:1;
        visibility:visible;
        transform:none;
    }

    .oc-mobile-menu a {
        padding:12px 10px;
        border-radius:10px;
        font-size:13px;
        font-weight:500;
        color:#4d4653;
    }

    .oc-mobile-menu a:hover {
        background:#f7f3fb;
        color:#211b27;
    }

    .oc-mobile-toggle.is-open span:first-child {
        transform:translateY(3.25px) rotate(45deg);
    }

    .oc-mobile-toggle.is-open span:last-child {
        transform:translateY(-3.25px) rotate(-45deg);
    }

    .oc-legal-hero h1 {
        white-space:normal;
        flex-wrap:wrap;
    }

    .oc-legal-layout {
        display:block;
    }

    .oc-legal-sidebar {
        display:none;
    }

    .oc-policy-content {
        max-width:none;
    }

    .oc-footer-top {
        grid-template-columns:1fr auto;
    }

    .oc-footer-description {
        grid-column:1 / -1;
        grid-row:2;
    }
}

@media(max-width:650px) {
    .oc-legal-page {
        background:
            radial-gradient(circle at 10% 0%,rgba(139,79,235,.1),transparent 32%),
            linear-gradient(180deg,#faf8fd 0%,#f8f5fb 100%);
    }

    .oc-legal-bg {
        display:none !important;
    }

    .oc-legal-shell {
        width:calc(100% - 34px);
    }

    .oc-header {
        top:16px;
    }

    .oc-header-inner {
        width:calc(100% - 24px);
        min-height:60px;
        border-radius:18px;
    }

    .oc-logo-image {
        height:28px;
    }

    .oc-logo-text {
        font-size:20px;
    }

    .oc-mobile-menu {
        top:70px;
        left:12px;
        right:12px;
    }

    .oc-legal-hero {
        padding:132px 0 58px;
    }

    .oc-kicker {
        margin-bottom:24px;
        font-size:10px;
    }

    .oc-legal-hero h1 {
        display:block;
        font-size:clamp(54px,16vw,78px);
        line-height:.88;
        letter-spacing:-.07em;
        white-space:normal;
    }

    .oc-legal-hero h1 > span {
        display:inline;
    }

    .oc-gradient-text {
        padding-right:.18em;
        padding-bottom:.19em;
        margin-right:-.07em;
    }

    .oc-legal-meta {
        margin-top:38px;
    }

    .oc-legal-meta > div {
        min-width:0;
    }

    .oc-legal-meta span,
    .oc-legal-meta strong {
        display:block;
    }

    .oc-legal-meta span {
        margin-right:0;
        margin-bottom:8px;
    }

    .oc-legal-document {
        padding:34px 0 86px;
    }

    .oc-policy-section + .oc-policy-section {
        margin-top:56px;
    }

    .oc-policy-heading {
        display:block;
        margin-bottom:23px;
    }

    .oc-policy-heading > span {
        display:block;
        padding:0;
        margin-bottom:9px;
        font-size:12px;
        line-height:1;
        letter-spacing:.1em;
        color:#9b91a5;
    }

    .oc-policy-heading h2 {
        font-size:31px;
        line-height:1.04;
    }

    .oc-policy-section > p,
    .oc-policy-section > ul,
    .oc-policy-section > h3 {
        margin-left:0;
    }

    .oc-policy-section p {
        font-size:14px;
        line-height:1.78;
    }

    .oc-policy-section li {
        font-size:14px;
        line-height:1.7;
    }

    .oc-footer {
        padding-bottom:24px;
    }

    .oc-footer-top {
        grid-template-columns:1fr;
        align-items:start;
        gap:18px;
        padding:26px 0;
    }

    .oc-footer-description {
        grid-column:auto;
        grid-row:auto;
    }

    .oc-footer-nav {
        flex-wrap:wrap;
        gap:15px 20px;
    }

    .oc-footer-bottom {
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }

    .oc-footer-bottom div {
        flex-wrap:wrap;
        gap:12px 18px;
    }
}