/*
Theme Name: Oyris Plus Solutions
Theme URI: https://oyrisplussolution.com/
Author: Oyris Plus Solutions LLC
Description: Premium technology-company WordPress theme for Oyris Plus Solutions LLC, focused on web development, custom software and mobile applications.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: oyris-plus
*/
:root{--ink:#0b1b2d;--muted:#64748b;--paper:#fff;--soft:#f4f8fb;--line:#dfe8ef;--accent:#10b8c8;--accent-dark:#0c7895;--navy:#062b55;--navy2:#071e38;--dark:#051628;--dark2:#0a2845;--radius:28px;--shadow:0 28px 80px rgba(2,31,58,.13);--container:min(1240px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}.container{width:var(--container);margin-inline:auto}.section{padding:118px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent-dark);font-size:.76rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:2px;background:currentColor}.eyebrow.light{color:#70e6ee}.section-head{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:56px}.section-head h2{font-size:clamp(2.55rem,5vw,5.25rem);line-height:.98;letter-spacing:-.06em;margin:11px 0 0;max-width:850px}.section-head p{max-width:480px;color:var(--muted);font-size:1.04rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 23px;font-weight:850;border:1px solid transparent;transition:.25s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#16c3cf,#0e8eaa);color:#fff;box-shadow:0 16px 36px rgba(16,184,200,.22)}.btn-light{background:#fff;color:var(--navy2)}.btn-dark{background:var(--navy2);color:#fff}.btn-ghost,.btn-outline-light{border-color:rgba(255,255,255,.23);color:#fff;background:rgba(255,255,255,.04)}.text-link{display:inline-flex;gap:9px;align-items:center;margin-top:14px;font-weight:900;color:var(--navy)}.text-link span{color:var(--accent)}
.site-header{position:fixed;inset:0 0 auto;z-index:1000;padding:20px 0;transition:.25s}.site-header.scrolled{background:rgba(4,23,42,.91);backdrop-filter:blur(18px);padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.navbar{display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center}.custom-logo{max-height:54px;width:auto}.brand-logo-wrap{display:flex;align-items:center;background:#fff;border-radius:15px;padding:6px 10px;box-shadow:0 8px 30px rgba(0,0,0,.12)}.default-brand-logo{width:205px;max-height:55px;object-fit:contain}.primary-nav{display:flex;align-items:center;gap:27px;color:#e7eef5;font-weight:750;font-size:.94rem}.primary-nav ul{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0}.primary-nav a{opacity:.9}.primary-nav a:hover{opacity:1;color:#77e7ef}.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.05);color:#fff}.header-cta{display:flex}
.hero{min-height:860px;padding:168px 0 110px;background:radial-gradient(circle at 77% 26%,rgba(0,189,207,.18),transparent 24%),radial-gradient(circle at 85% 76%,rgba(13,88,153,.3),transparent 25%),linear-gradient(135deg,#04172b,#07294a 58%,#04192d);color:#fff;position:relative;overflow:hidden}.hero-noise{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,#000 40%)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:68px;align-items:center;position:relative;z-index:2}.hero h1{font-size:clamp(3.6rem,7.35vw,7.25rem);line-height:.91;letter-spacing:-.075em;margin:20px 0 28px;max-width:880px}.hero-copy{font-size:1.15rem;color:#c8d5e1;max-width:690px;margin:0 0 35px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:36px;color:#8fa9bd;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-proof i{width:4px;height:4px;border-radius:50%;background:#30d1dd}.hero-showcase{position:relative;min-height:540px}.showcase-window{position:absolute;left:2%;right:0;top:68px;border-radius:24px;overflow:hidden;background:#f7fbfd;box-shadow:0 35px 110px rgba(0,0,0,.35);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.window-top{height:48px;background:#fff;border-bottom:1px solid #dce6ec;display:flex;align-items:center;gap:7px;padding:0 16px}.window-top span{width:9px;height:9px;border-radius:50%;background:#bed0da}.window-top b{margin-left:12px;color:#7590a1;font-size:.69rem;font-weight:700}.window-body{display:grid;grid-template-columns:72px 1fr;min-height:385px}.dash-sidebar{background:#071e38;padding:24px 15px;display:flex;flex-direction:column;align-items:center;gap:20px}.dash-logo{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1ed2dc,#0a6c92);font-weight:900}.dash-sidebar i{width:22px;height:4px;border-radius:20px;background:#375269}.dash-main{padding:38px}.dash-head small{display:block;color:#13a9b8;font-weight:900;letter-spacing:.14em}.dash-head strong{display:block;color:#09294a;font-size:2.25rem;letter-spacing:-.05em;margin-top:5px}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.dash-cards div{border-radius:14px;background:#fff;border:1px solid #e0e9ee;padding:18px}.dash-cards b{display:block;color:#0b6d89;font-size:1.2rem}.dash-cards span{font-size:.72rem;color:#8396a4}.dash-chart{height:110px;margin-top:22px;display:flex;align-items:end;gap:10px;padding:15px;border-radius:14px;background:#eaf4f7}.dash-chart span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#27cfda,#0b7393)}.dash-chart span:nth-child(1){height:32%}.dash-chart span:nth-child(2){height:52%}.dash-chart span:nth-child(3){height:45%}.dash-chart span:nth-child(4){height:70%}.dash-chart span:nth-child(5){height:58%}.dash-chart span:nth-child(6){height:88%}.showcase-orbit{position:absolute;border-radius:50%;border:1px solid rgba(112,230,238,.2)}.orbit-one{width:520px;height:520px;right:-120px;top:0}.orbit-two{width:390px;height:390px;right:-55px;top:65px}.float-chip{position:absolute;padding:11px 15px;border:1px solid rgba(255,255,255,.16);background:rgba(5,28,50,.82);backdrop-filter:blur(10px);border-radius:999px;font-size:.78rem;font-weight:850;color:#dffbfc;box-shadow:0 15px 45px rgba(0,0,0,.22)}.chip-a{right:-20px;top:35px}.chip-b{left:-20px;bottom:65px}.chip-c{right:18px;bottom:12px}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:#fff;padding:19px 0}.marquee-track{display:flex;align-items:center;gap:32px;min-width:max-content;animation:slide 26s linear infinite;color:#526b7d;font-weight:900;letter-spacing:.04em}.marquee-track span{white-space:nowrap}.marquee-track b{color:#18b9c7}@keyframes slide{to{transform:translateX(-50%)}}
.intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:76px;align-items:center}.agency-collage{position:relative;min-height:540px}.collage-main{position:absolute;left:0;top:0;width:78%;height:410px;border-radius:34px;background:linear-gradient(150deg,#e6f8fa,#fff 48%,#dfeaf4);box-shadow:var(--shadow);padding:38px;overflow:hidden}.collage-main:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,#0fbed0,#073b6e);right:-55px;bottom:-70px}.code-line{height:10px;background:#b6d2dc;border-radius:999px;margin-bottom:12px}.w80{width:55%}.w50{width:35%}.code-block{position:absolute;left:38px;bottom:48px;z-index:2}.code-block b{display:block;color:#082d52;font-size:4.5rem;line-height:1;letter-spacing:-.08em}.code-block span{color:#4f6d7f;font-weight:800}.collage-card{position:absolute;right:0;bottom:0;width:56%;min-height:265px;border-radius:28px;background:#061d35;color:#fff;border:8px solid #fff;padding:30px;box-shadow:var(--shadow)}.collage-card small{color:#63dfe7;font-weight:900;letter-spacing:.12em}.collage-card strong{font-size:1.5rem;line-height:1.15;display:block;margin:16px 0}.collage-card p{color:#adc2d1;margin:0}.collage-badge{position:absolute;right:8%;top:48px;width:86px;height:86px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#13c4d1,#075c85);color:#fff;font-size:2rem;font-weight:950;box-shadow:0 20px 45px rgba(9,128,154,.25);transform:rotate(8deg)}.intro-copy h2{font-size:clamp(2.7rem,5.3vw,5.45rem);line-height:.98;letter-spacing:-.065em;margin:12px 0 25px}.intro-copy p{font-size:1.06rem;color:var(--muted);margin:0 0 17px}.industry-strip{background:#edf7f9;border-block:1px solid #d8ecef;padding:34px 0}.industry-strip .container{display:flex;align-items:center;gap:30px}.industry-strip p{margin:0;color:#6a8391;font-weight:800;white-space:nowrap}.industry-list{display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;gap:16px}.industry-list span{color:#163a53;font-weight:900}
.services{background:var(--soft)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;min-height:350px;display:flex;flex-direction:column;transition:.3s ease}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#c2e6e9}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px}.service-num{font-size:.76rem;font-weight:950;color:#0e92a5}.service-arrow{width:38px;height:38px;border:1px solid #d8e5ea;border-radius:50%;display:grid;place-items:center;color:#0b6483}.service-card h3{font-size:1.45rem;line-height:1.12;letter-spacing:-.035em;margin:0 0 15px}.service-card p{color:var(--muted);margin:0}.service-link{margin-top:auto;padding-top:25px;color:#0a7890;font-weight:900}
.tech-section{background:linear-gradient(135deg,#04182b,#082c4c);color:#fff;position:relative;overflow:hidden}.tech-section:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:-150px;top:-120px}.tech-wrap{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center;position:relative;z-index:2}.tech-copy h2{font-size:clamp(2.7rem,5vw,5rem);line-height:.98;letter-spacing:-.06em;margin:12px 0 23px}.tech-copy p{color:#b7c9d6;max-width:560px;margin-bottom:30px}.tech-cloud{display:flex;flex-wrap:wrap;gap:13px}.tech-pill{padding:16px 19px;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font-weight:850;color:#e7f2f6;backdrop-filter:blur(8px)}
.estimate-wrap{background:#fff;padding:0 0 10px}.estimate-card{margin-top:-34px;position:relative;z-index:3;border-radius:34px;background:linear-gradient(120deg,#12bcca,#087893 58%,#07345d);color:#fff;padding:48px 52px;display:flex;justify-content:space-between;align-items:center;gap:36px;box-shadow:0 28px 65px rgba(5,91,118,.22)}.estimate-card h3{font-size:clamp(2.15rem,4.1vw,4rem);line-height:1;letter-spacing:-.055em;margin:10px 0 0;max-width:760px}
.projects{background:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.portfolio-item{min-width:0}.portfolio-item.wide{grid-column:span 2}.project-visual{height:390px;border-radius:30px;padding:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.portfolio-item.wide .project-visual{height:500px}.p-blue{background:linear-gradient(135deg,#e6f2ff,#a8d2ed)}.p-teal{background:linear-gradient(135deg,#ddf8f5,#8ad7cf)}.p-cyan{background:linear-gradient(135deg,#e3fbfd,#9ee7ed)}.p-navy{background:linear-gradient(135deg,#dfe8f3,#93aec8)}.p-slate{background:linear-gradient(135deg,#eef1f5,#b7c2cf)}.p-sea{background:linear-gradient(135deg,#e0f5f7,#8cc9d1)}.p-indigo{background:linear-gradient(135deg,#e9efff,#a9bce8)}.p-steel{background:linear-gradient(135deg,#edf4f6,#adc4ca)}.mock-browser{width:88%;max-width:630px;border-radius:17px;background:#fff;box-shadow:0 28px 60px rgba(14,49,75,.2);overflow:hidden;transform:rotate(-2deg)}.portfolio-item:nth-child(even) .mock-browser{transform:rotate(2deg)}.mock-top{height:34px;border-bottom:1px solid #e9eef1;display:flex;align-items:center;gap:6px;padding:0 12px}.mock-top i{width:7px;height:7px;border-radius:50%;background:#cbd8df}.mock-top span{margin-left:8px;height:7px;width:36%;border-radius:20px;background:#edf2f4}.mock-screen{padding:28px;background:linear-gradient(#fff,#f5fafb);min-height:220px}.mock-nav{height:8px;width:36%;border-radius:20px;background:#dbe6eb}.mock-title{height:24px;width:58%;border-radius:8px;background:#0b3a60;margin:34px 0 11px}.mock-sub{height:9px;width:44%;border-radius:20px;background:#9db5c2}.mock-ui{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.mock-ui b{height:78px;border-radius:11px;background:linear-gradient(145deg,#d9f5f6,#9bdde2)}.portfolio-meta{display:flex;justify-content:space-between;gap:24px;align-items:start;padding:22px 6px 14px}.portfolio-meta small{color:#07869b;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.portfolio-meta h3{font-size:1.8rem;letter-spacing:-.045em;margin:4px 0 8px}.portfolio-meta p{max-width:630px;color:var(--muted);margin:0}.round-arrow{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-weight:900}.center-action{text-align:center;margin-top:46px}.portfolio-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px}.portfolio-filter button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 17px;color:#536b7a;font-weight:850;cursor:pointer}.portfolio-filter button.active{background:#062b55;color:#fff;border-color:#062b55}.portfolio-note{margin-top:42px;padding:20px 24px;border-radius:16px;background:#f3f8fa;color:#5f7482;border:1px solid #deebef}.portfolio-item[hidden]{display:none!important}
.process-section{background:var(--soft)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-card{padding:30px;border-top:2px solid #a9dfe3;background:#fff;min-height:245px}.process-card>span{font-weight:950;color:#0a92a4}.process-card h3{font-size:1.55rem;margin:45px 0 10px}.process-card p{color:var(--muted)}.principles{background:#061a2f;color:#fff}.principles .section-head h2{max-width:760px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principles article{border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;background:rgba(255,255,255,.035)}.principles b{color:#5edce4}.principles h3{font-size:1.55rem}.principles p{color:#b1c3d0}
.blog{background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.25s}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.post-thumb{height:220px;background:linear-gradient(135deg,#d9f5f6,#b6cde0);display:grid;place-items:center;overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-thumb span{font-size:4rem;font-weight:950;color:#0a5978}.post-body{padding:24px}.post-body small{color:#0c8fa0;font-weight:900}.post-body h3{font-size:1.35rem;line-height:1.25;letter-spacing:-.03em}.post-body a{font-weight:900;color:#0b7189}
.contact-section{background:linear-gradient(135deg,#041628,#07243f);color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-section h2{font-size:clamp(2.8rem,5vw,5.1rem);line-height:.98;letter-spacing:-.065em;margin:12px 0 22px}.contact-section p{color:#b8cbd7}.contact-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.contact-point{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035)}.contact-form{background:#fff;color:var(--ink);border-radius:28px;padding:34px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-weight:850;font-size:.9rem}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:14px 15px;outline:none;background:#fbfdfe}.field input:focus,.field textarea:focus{border-color:#5ccbd4;box-shadow:0 0 0 4px rgba(16,184,200,.09)}.field textarea{min-height:140px;resize:vertical}.form-note{font-size:.82rem;color:var(--muted)}.hp{display:none}.notice{padding:12px 14px;border-radius:12px;margin-bottom:14px}.notice.success{background:#ecfdf3;color:#166534}.notice.error{background:#fef2f2;color:#991b1b}
.site-footer{background:#03111f;color:#aebdca;padding:68px 0 30px;border-top:1px solid rgba(255,255,255,.07)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:55px}.footer-logo-wrap{display:inline-flex;background:#fff;border-radius:15px;padding:8px 12px;margin-bottom:13px}.footer-default-logo{width:225px;max-height:66px;object-fit:contain}.footer-brand{color:#fff}.footer-brand p{max-width:440px}.site-footer h4{color:#fff}.footer-links{display:grid;gap:10px}.footer-links a:hover{color:#6de0e7}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:36px;margin-top:42px;border-top:1px solid rgba(255,255,255,.08);font-size:.88rem}.contact-point a{color:inherit}.page-hero{padding:185px 0 105px;background:radial-gradient(circle at 80% 20%,rgba(16,184,200,.18),transparent 20%),linear-gradient(135deg,#04182b,#082c4c);color:#fff}.page-hero h1{font-size:clamp(3.4rem,7vw,6.7rem);line-height:.92;letter-spacing:-.07em;margin:18px 0}.page-hero p{max-width:760px;color:#bfd0db;font-size:1.1rem}.content-area{padding:90px 0}.entry-content{max-width:850px}.entry-content p{color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.reveal.reveal-in{opacity:1;transform:none}
@media(max-width:1080px){.services-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.intro-grid,.tech-wrap,.contact-grid{grid-template-columns:1fr}.hero-showcase{max-width:760px}.agency-collage{max-width:700px}.industry-strip .container{align-items:flex-start;flex-direction:column}.industry-list{justify-content:flex-start}.portfolio-grid{gap:24px}}
@media(max-width:900px){.primary-nav,.header-cta{display:none}.menu-toggle{display:grid;place-items:center}.primary-nav.open{display:flex;position:absolute;left:20px;right:20px;top:76px;flex-direction:column;align-items:stretch;background:#061d35;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.1)}.primary-nav.open ul{flex-direction:column;align-items:stretch}.section-head{align-items:flex-start;flex-direction:column}.principles-grid,.blog-grid{grid-template-columns:1fr 1fr}.portfolio-item.wide{grid-column:span 1}.project-visual,.portfolio-item.wide .project-visual{height:360px}.estimate-card{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
@media(max-width:680px){:root{--container:min(100% - 28px,1240px)}.section{padding:82px 0}.site-header{padding:13px 0}.default-brand-logo{width:160px;max-height:42px}.brand-logo-wrap{padding:5px 8px}.hero{min-height:auto;padding:140px 0 82px}.hero h1{font-size:clamp(3.25rem,17vw,5rem)}.hero-showcase{min-height:390px;margin-top:20px}.showcase-window{top:38px}.window-body{grid-template-columns:52px 1fr;min-height:290px}.dash-main{padding:24px 18px}.dash-head strong{font-size:1.6rem}.dash-cards{grid-template-columns:1fr 1fr}.dash-cards div:nth-child(3){display:none}.dash-chart{height:80px}.chip-a{right:0}.chip-b{left:0}.chip-c{display:none}.orbit-one{width:370px;height:370px}.orbit-two{width:280px;height:280px}.agency-collage{min-height:430px}.collage-main{height:330px;width:86%;padding:28px}.collage-card{width:70%;min-height:220px;padding:23px}.collage-badge{width:68px;height:68px}.services-grid,.process-grid,.principles-grid,.blog-grid,.portfolio-grid{grid-template-columns:1fr}.service-card{min-height:310px}.portfolio-item.wide{grid-column:auto}.project-visual,.portfolio-item.wide .project-visual{height:300px;padding:22px}.mock-browser{width:96%}.mock-screen{min-height:180px;padding:22px}.portfolio-meta h3{font-size:1.5rem}.portfolio-meta p{font-size:.93rem}.round-arrow{display:none}.estimate-card{padding:31px 27px}.contact-points,.field-grid{grid-template-columns:1fr}.contact-form{padding:24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.footer-default-logo{width:195px}.page-hero{padding:150px 0 85px}}