/* Arynox site-wide design. Header/navigation and WordPress admin are deliberately outside these selectors. */
body.arynox-public{background:#fcfcff}
body.arynox-public #page :is(.wrapper,.page-banner,.post-banner,.footer-wrapper,.elementor){
 --ax-ink:#34394d;--ax-muted:#607087;--ax-line:#e2e8f2;--ax-lilac:#e8d7ef;--ax-purple:#552066;--ax-blue:#e7f2ff;--ax-mint:#e5f5ee;
 --arynox-primary-font:Inter,"Segoe UI",Arial,sans-serif;--arynox-secondary-font:Inter,"Segoe UI",Arial,sans-serif;
 --arynox-primary-color:#7350a1;--arynox-secondary-color:#007dab;--arynox-dark-color:#34394d;--arynox-dark:#34394d;--arynox-grey-color:#607087;
 --arynox-border-color:#e2e8f2;--arynox-bg-light-color:#f5f5fc;--arynox-bg-gradiant-color:linear-gradient(100deg,#007dab,#2756d5 45%,#8351db);
 font-family:Inter,"Segoe UI",Arial,sans-serif;color:#34394d;line-height:1.7;
}
/* Quiet, spacious page introductions with the Arynox leaf. */
body.arynox-public #page :is(.page-banner,.post-banner){
 background:radial-gradient(ellipse at 90% 15%,#eee4f6 0,transparent 50%),radial-gradient(ellipse at 3% 85%,#e7f2ff 0,transparent 55%),#fcfcff!important;
 border-bottom:1px solid #e2e8f2;height:auto;min-height:430px;padding:140px 0 76px;overflow:hidden;
}
body.arynox-public #page :is(.page-banner,.post-banner)::after{content:"";position:absolute;right:8%;top:115px;width:230px;height:255px;background:url("images/arynox-leaf.png") center/contain no-repeat;opacity:.085;pointer-events:none;z-index:-1;transform:rotate(12deg)}
body.arynox-public #page :is(.page-banner,.post-banner)>.lines,
body.arynox-public #page :is(.page-banner,.post-banner)>.animated-dots{display:none}
body.arynox-public #page :is(.page-banner .page-banner-inner,.post-banner .post-banner-inner){width:100%;max-width:900px}
body.arynox-public #page :is(.page-banner h1,.post-banner h1){font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:clamp(36px,4.3vw,60px);font-weight:750;letter-spacing:-.045em;line-height:1.12;color:#34394d;margin:0 0 24px;text-wrap:balance}
body.arynox-public #page :is(.page-banner h1,.post-banner h1) span{background:linear-gradient(100deg,#007dab,#2756d5 45%,#8351db);background-clip:text;-webkit-background-clip:text;color:transparent}
body.arynox-public #page :is(.page-banner h1,.post-banner h1) span:before{display:none}
body.arynox-public #page .page-banner-info h4{height:auto;background:#e8d7ef;color:#552066;border:1px solid #d6b8e0;border-radius:100px;padding:7px 14px;font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.13em;margin-bottom:24px}
body.arynox-public #page :is(.page-banner-info p,.post-banner-inner>div>p){font-size:18px;line-height:1.7;color:#607087;max-width:720px}
body.arynox-public #page .page-banner.center p{margin-inline:auto}
body.arynox-public #page :is(.breadcrumb-wrap,.post-banner .post-meta){font-size:13px;color:#607087}
/* All saved Elementor content continues to use its existing grid and widgets. */
body.arynox-public #page :is(.wrapper,.elementor) :is(h1,h2,h3,h4,h5,h6){font-family:Inter,"Segoe UI",Arial,sans-serif!important;color:#34394d;font-weight:700;letter-spacing:-.035em;line-height:1.22}
body.arynox-public #page :is(.wrapper,.elementor) :is(.sg-heading,.elementor-heading-title){color:#34394d!important;letter-spacing:-.04em!important}
body.arynox-public #page :is(.wrapper,.elementor) :is(.desc,.service-desc,.elementor-widget-text-editor,.dl-el-list-content p){font-family:Inter,"Segoe UI",Arial,sans-serif!important;color:#607087;line-height:1.75}
body.arynox-public #page .wrapper{padding-block:72px}
body.arynox-public #page :is(.sg-heading,.dl-heading-tag) :is(.dl-heading-center,.highlight){color:#7350a1}
body.arynox-public #page :is(.sub-heading,.sg-sub-heading){background:#f2eafa;color:#552066;border-radius:100px;font-size:11px;letter-spacing:.12em;padding:6px 12px}
/* Content is readable even if an optional animation fails to initialize. Do not unhide carousel slides. */
body.arynox-public #page .elementor :is(.elementor-invisible,.wow){visibility:visible!important;opacity:1!important;animation:none!important}
/* Services, feature cards and product panels. */
body.arynox-public #page .elementor :is(.service-item,.el-feature-item,.dl-info-box,.dl-icon-box,.pricing-table,.dl-pricing-table){background:#fff!important;background-image:none!important;border:1px solid #e2e8f2!important;border-radius:22px!important;box-shadow:0 8px 28px rgba(52,57,77,.035)!important;padding:30px!important;transition:box-shadow .2s,border-color .2s,transform .2s}
body.arynox-public #page .elementor :is(.service-item,.dl-info-box,.dl-icon-box):hover{border-color:#cdb7de!important;box-shadow:0 14px 34px rgba(76,56,112,.08)!important;transform:translateY(-3px)}
body.arynox-public #page .elementor .service-item .service-heading{font-size:21px;line-height:1.35;margin-bottom:15px}
body.arynox-public #page .elementor .service-item .service-desc{font-size:15px;line-height:1.75}
body.arynox-public #page .elementor .service-icon{background:#f0e9f8;border-radius:18px;width:74px!important;height:74px;padding:15px;margin-bottom:25px;font-size:42px;color:#7350a1}
body.arynox-public #page .elementor .service-icon :is(img,svg){max-height:44px;width:100%;height:44px;object-fit:contain}
body.arynox-public #page .elementor .e-con:nth-child(3n+2) .service-icon{background:#e7f2ff}
body.arynox-public #page .elementor .e-con:nth-child(3n+3) .service-icon{background:#e5f5ee}
body.arynox-public #page .elementor :is(.el-feature-info,.dl-el-list-content){color:#607087}
body.arynox-public #page .elementor :is(.el-feature-info h3,.dl-el-list-content h3){font-size:21px;line-height:1.4}
/* Shared interactive controls, limited to page content. */
body.arynox-public #page :is(.wrapper,.elementor,.footer-wrapper) :is(.default-btn,.el-btn,.dl-button,.elementor-button,.wp-block-button__link,button[type=submit],input[type=submit]){background:#e8d7ef!important;background-image:none!important;color:#552066!important;border:1px solid #c99dda!important;border-radius:10px!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:14px;font-weight:650;text-transform:none;letter-spacing:0;box-shadow:none;padding:14px 22px;line-height:1.5;min-height:48px}
body.arynox-public #page :is(.wrapper,.elementor,.footer-wrapper) :is(.default-btn,.el-btn,.dl-button,.elementor-button,.wp-block-button__link,button[type=submit],input[type=submit]):hover{background:#dec5e9!important;border-color:#a97dbe!important;color:#42194f!important}
body.arynox-public #page :is(.wrapper,.elementor) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #2756d5;outline-offset:4px}
body.arynox-public #page :is(.wrapper,.elementor) :is(input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select,textarea){background:#fff;color:#34394d;border:1px solid #d7deeb;border-radius:10px;font-family:inherit;font-size:16px;line-height:1.5;padding:14px 16px;box-shadow:none;max-width:100%}
body.arynox-public #page :is(.wrapper,.elementor) :is(input,textarea)::placeholder{color:#748097;opacity:1}
body.arynox-public #page :is(.wrapper,.elementor) textarea{min-height:150px}
body.arynox-public #page :is(.wrapper,.elementor) label{color:#34394d;font-size:14px;font-weight:600}
body.arynox-public #page .wpcf7-not-valid-tip{color:#b02e50;font-size:13px;margin-top:6px}
/* FAQs and reviews keep their original opening and carousel behavior. */
body.arynox-public #page .elementor :is(.dl-accordion__item,.elementor-accordion-item,.e-n-accordion-item){background:#fff!important;border:1px solid #e2e8f2!important;border-radius:16px!important;overflow:hidden;margin-block:0 14px!important;box-shadow:none!important}
body.arynox-public #page .elementor :is(.dl-accordion__item-title,.elementor-tab-title,.e-n-accordion-item-title){color:#34394d!important;background:transparent;font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:18px!important;font-weight:650!important;letter-spacing:-.02em;padding:23px 26px!important;line-height:1.5}
body.arynox-public #page .elementor .dl-accordion__item-title.dl-accordion__item--active{background:#f6f0fa!important;border-bottom-color:#e2e8f2}
body.arynox-public #page .elementor :is(.dl-accordion__item-content,.elementor-tab-content){color:#607087;font-size:16px;line-height:1.8;padding:20px 26px!important}
body.arynox-public #page .elementor :is(.review-item,.testimonial-item,.testimonial-box){background:#fff!important;border:1px solid #e2e8f2!important;border-radius:22px!important;box-shadow:none!important;color:#34394d}
body.arynox-public #page .elementor .review-author h3{font-size:18px}
body.arynox-public #page .elementor .review-author h4{font-size:11px;letter-spacing:.06em;color:#607087}
body.arynox-public #page .elementor .cta-content-inner-wrap{background:linear-gradient(110deg,#f2ebfa,#edf5ff 60%,#edf8f2)!important;border:1px solid #e2e8f2;border-radius:28px;overflow:hidden}
body.arynox-public #page .elementor .cta-content-inner-wrap>.animated-dots{display:none}
body.arynox-public #page .elementor .cta-content :is(h2,.sg-heading){color:#34394d!important}
body.arynox-public #page .elementor .cta-content .desc{color:#607087!important}
/* Articles, archives, search, projects and empty states. */
body.arynox-public #page :is(.post-items article,.rel-post-card,.project-item,.dl-project-card){background:#fff;border:1px solid #e2e8f2;border-radius:22px;overflow:hidden;box-shadow:0 6px 24px rgba(52,57,77,.025)}
body.arynox-public #page .post-items :is(.entry-title a,.post-content h2 a){color:#34394d;text-decoration:none}
body.arynox-public #page .post-items :is(.entry-title a,.post-content h2 a):hover{color:#7350a1}
body.arynox-public #page :is(.entry-content,.entry-excerpt,.post-content) p{color:#607087;line-height:1.8}
body.arynox-public #page .entry-content:not(:has(.elementor)){font-size:17px;overflow-wrap:anywhere}
body.arynox-public #page .entry-content:not(:has(.elementor))> :is(p,ul,ol,blockquote,h2,h3){max-width:76ch}
body.arynox-public #page .entry-content blockquote{background:#f4edf9;border:0;border-left:3px solid #c99dda;border-radius:0 18px 18px 0;padding:24px 30px;color:#552066}
body.arynox-public #page .entry-content table{width:100%;border-collapse:collapse;font-size:15px}
body.arynox-public #page .entry-content :is(th,td){padding:14px;border:1px solid #e2e8f2}
body.arynox-public #page .entry-content th{background:#f2edf8;color:#552066}
body.arynox-public #page :is(.dl-cat-items a,.tagcloud a,.post-tags a){background:#f3edf8;border:1px solid #e1d3ec;color:#552066;border-radius:100px;font-size:12px;padding:6px 12px}
body.arynox-public #page :is(.widget-area,.sidebar-area) .widget{background:#fff;border:1px solid #e2e8f2;border-radius:20px;padding:26px;margin-bottom:24px}
body.arynox-public #page :is(.pagination,.navigation.pagination) .page-numbers{border:1px solid #e2e8f2;border-radius:10px;background:#fff;color:#607087}
body.arynox-public #page :is(.pagination,.navigation.pagination) .page-numbers.current{background:#e8d7ef;border-color:#c99dda;color:#552066}
body.arynox-public #page :is(.error-page-wrap,.no-results){background:radial-gradient(ellipse at 80% 20%,#f1e8f8,transparent 60%),#fcfcff}
body.arynox-public #page .error-page-wrap{padding:150px 24px 100px;min-height:70vh}
body.arynox-public #page .error-404 img{max-width:280px;margin-bottom:32px}
body.arynox-public #page .error-404 h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;color:#34394d}
body.arynox-public #page .error-404 p{max-width:570px;margin:0 auto 30px;color:#607087}
/* Shared footer content is retained, with the same palette as the homepage. */
body.arynox-public #page .footer-wrapper{background:#f5f5fc!important;border-top:1px solid #e2e8f2}
body.arynox-public #page .footer-widgets-area{padding:65px 0 45px}
body.arynox-public #page .footer-wrapper :is(h2,h3,.widget-title){font-family:Inter,"Segoe UI",Arial,sans-serif!important;color:#34394d;font-size:15px;letter-spacing:0;font-weight:700}
body.arynox-public #page .footer-wrapper :is(p,li,a,.copyright-inner){font-family:Inter,"Segoe UI",Arial,sans-serif!important;color:#607087;font-size:14px;line-height:1.8}
body.arynox-public #page .footer-wrapper a:hover{color:#552066}
body.arynox-public #page .footer-wrapper .copyright-area{background:transparent}
body.arynox-public #page .footer-wrapper .copyright-inner{border-color:#e2e8f2;padding-block:24px;font-size:12px}
@media(max-width:991px){
 body.arynox-public #page :is(.page-banner,.post-banner){padding:125px 0 60px;min-height:360px}
 body.arynox-public #page :is(.page-banner,.post-banner)::after{right:-20px;width:180px;opacity:.045}
 body.arynox-public #page .elementor .service-item{padding:24px!important}
}
@media(max-width:767px){
 body.arynox-public #page :is(.page-banner,.post-banner){padding:118px 0 48px;min-height:320px}
 body.arynox-public #page :is(.page-banner h1,.post-banner h1){font-size:36px;line-height:1.16;margin-bottom:20px}
 body.arynox-public #page :is(.page-banner-info p,.post-banner-inner>div>p){font-size:16px;line-height:1.7}
 body.arynox-public #page .page-banner-info h4{margin-bottom:20px}
 body.arynox-public #page .wrapper{padding-block:48px}
 body.arynox-public #page .elementor :is(.dl-accordion__item-title,.elementor-tab-title,.e-n-accordion-item-title){font-size:16px!important;padding:20px!important}
 body.arynox-public #page .footer-widgets-area{padding:45px 0 25px}
 body.arynox-public #page .error-page-wrap{padding:120px 20px 65px}
}
@media(prefers-reduced-motion:reduce){body.arynox-public #page .elementor .service-item{transition:none;transform:none!important}}
@media(forced-colors:active){body.arynox-public #page :is(.page-banner h1,.post-banner h1) span{background:none;color:CanvasText}}
/* Section panels and equal-height service cards share the same surface system. */
body.arynox-public #page .elementor .el-features-inner{background:linear-gradient(120deg,#f1edf9,#edf7f6)!important;border:1px solid #e2e8f2;border-radius:28px!important;padding:64px 40px}
body.arynox-public #page .elementor .elementor-widget-arynox-service,
body.arynox-public #page .elementor .elementor-widget-arynox-service>.elementor-widget-container,
body.arynox-public #page .elementor .service-item{height:100%}
@media(max-width:767px){body.arynox-public #page .elementor .el-features-inner{padding:36px 24px}}
