@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--react-red:#c8102e;--react-dark:#101010;--react-cream:#f7f5f3;--react-container:1220px}#oraclis-react-root{font-family:Manrope,Arial,sans-serif;color:var(--react-dark)}#oraclis-react-root *{box-sizing:border-box}.react-container{width:min(var(--react-container),calc(100% - 48px));margin-inline:auto;position:relative}.react-section{padding:110px 0}.react-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--react-red);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}.react-eyebrow:before{content:"";width:28px;height:1.5px;background:currentColor}.react-heading{margin:0;font-size:clamp(40px,5vw,64px);line-height:1.06;letter-spacing:-.035em;font-weight:800}.react-heading em,.react-hero h1 em,.react-cta h2 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;color:#d7a0a6}.react-lead{max-width:650px;font-size:17px;line-height:1.82;color:#1010109e}.react-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.react-button{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 30px;background:var(--react-red);border:1.5px solid var(--react-red);border-radius:5px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;transition:.25s ease}.react-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #c8102e4d}.react-button-ghost{background:transparent;border-color:#ffffff59}.react-button-light{background:transparent;color:var(--react-dark);border-color:#10101033}.react-button-white{background:#fff;color:var(--react-red);border-color:#fff}.react-view-all{display:inline-flex;margin-top:34px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;gap:8px}.react-view-all-dark{color:var(--react-dark)}.react-hero{position:relative;min-height:100vh;padding:160px 0 90px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(158deg,#0d0d0d,#1a0308 55%,#101010);color:#fff}.react-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;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:64px 64px}.react-hero-glow{position:absolute;width:800px;height:800px;right:-250px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(200,16,46,.3),transparent 68%)}.react-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;z-index:1}.react-hero h1{margin:0 0 30px;font-size:clamp(58px,7vw,98px);line-height:.96;letter-spacing:-.045em}.react-hero h1 span{color:var(--react-red)}.react-hero-copy>p{max-width:570px;color:#ffffff94;font-size:18px;line-height:1.8;margin:0 0 40px}.react-stats{display:flex;gap:42px;margin-top:58px}.react-stats>div{padding-left:16px;border-left:2px solid var(--react-red)}.react-stats strong{display:block;font-size:34px}.react-stats span{display:block;margin-top:6px;color:#ffffff61;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.react-hero-visual{position:relative}.react-browser{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#ffffff0d;box-shadow:0 50px 100px #00000085;animation:reactFloat 7s ease-in-out infinite}.react-browser-bar{display:flex;align-items:center;gap:7px;height:48px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07)}.react-browser-bar i{width:11px;height:11px;border-radius:50%;background:#ffffff2e}.react-browser-bar i:first-child{background:var(--react-red)}.react-browser-bar span{flex:1;margin-left:8px;padding:5px 10px;border-radius:4px;background:#ffffff0d;color:#ffffff47;font-size:11px}.react-browser img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover}.react-rating{position:absolute;left:-30px;bottom:-28px;padding:16px 20px;border-radius:14px;background:#fff;color:var(--react-red);box-shadow:0 20px 50px #0000004d;letter-spacing:2px}.react-rating strong,.react-rating span{display:block;letter-spacing:0;color:var(--react-dark)}.react-rating strong{margin-top:6px}.react-rating span{font-size:11px;color:#10101080}@keyframes reactFloat{50%{transform:translateY(-14px)}}.react-marquee{overflow:hidden;padding:18px 0;background:var(--react-dark);border-top:1px solid rgba(255,255,255,.05)}.react-marquee>div{display:flex;width:max-content;animation:reactMarquee 35s linear infinite}.react-marquee span{display:inline-flex;gap:20px;align-items:center;margin-right:20px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.react-marquee span:nth-child(2n){color:var(--react-red)}.react-marquee b{color:#ffffff1f;font-size:9px}@keyframes reactMarquee{to{transform:translate(-50%)}}.react-about{background:var(--react-cream)}.react-two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.react-about .react-actions{margin-top:42px}.react-about-image{position:relative}.react-about-image img{display:block;width:100%;max-height:720px;object-fit:cover;border-radius:22px;box-shadow:0 35px 80px #10101024}.react-about-image>span{position:absolute;left:-30px;bottom:-26px;max-width:180px;padding:20px 24px;background:var(--react-dark);color:#ffffff73;border-radius:14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.react-about-image b{display:block;color:#fff;font-size:32px;margin-bottom:6px}.react-tech{padding:55px 0;background:#fff;border-block:1px solid rgba(16,16,16,.06);text-align:center}.react-tech p{color:#1010104d;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.react-tech div div{display:flex;flex-wrap:wrap;justify-content:center;gap:22px 55px;margin-top:30px}.react-tech span{color:#10101040;font-size:16px;font-weight:800}.react-services{background:var(--react-dark);color:#fff;position:relative}.react-section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:70px}.react-section-head>p{max-width:500px;color:#ffffff80;font-size:17px;line-height:1.8}.react-service-list{border-top:1px solid rgba(255,255,255,.09)}.react-service-list article{border-bottom:1px solid rgba(255,255,255,.09)}.react-service-list button{width:100%;display:grid;grid-template-columns:60px 1fr 30px;gap:20px;align-items:center;padding:26px 18px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.react-service-list button span{color:#ffffff3d;font:700 12px monospace}.react-service-list button strong{font-size:clamp(20px,2.4vw,30px)}.react-service-list button b{font-size:28px;color:#ffffff4d;transition:.3s}.react-service-list article.is-active button span,.react-service-list article.is-active button b{color:var(--react-red)}.react-service-list article.is-active button b{transform:rotate(90deg)}.react-service-detail{display:grid;grid-template-columns:1fr 260px;gap:38px;padding:0 18px 30px 98px;align-items:center}.react-service-detail p{max-width:650px;color:#ffffff94;line-height:1.8}.react-service-detail a{color:var(--react-red);text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.react-service-detail img{width:100%;height:150px;object-fit:cover;border-radius:12px}.react-portfolio{background:#fff}.react-portfolio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:50px}.react-filters{display:flex;gap:8px;flex-wrap:wrap}.react-filters button{padding:9px 18px;border:1px solid rgba(16,16,16,.14);border-radius:4px;background:transparent;color:#1010108c;font-size:11px;font-weight:800;text-transform:uppercase;cursor:pointer}.react-filters button.is-active{background:var(--react-red);color:#fff;border-color:var(--react-red)}.react-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:290px;gap:20px}.react-project{position:relative;overflow:hidden;border-radius:18px;background:#ddd}.react-project-large,.react-project-wide{grid-column:span 2}.react-project-tall{grid-row:span 2}.react-project img{width:100%;height:100%;object-fit:cover;transition:.6s}.react-project:hover img{transform:scale(1.06)}.react-project>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:linear-gradient(to top,rgba(16,16,16,.9),transparent 70%);color:#fff;opacity:.95}.react-project small{color:#e5a1ab;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.react-project strong{margin-top:8px;font-size:22px}.react-project b{margin-top:8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.react-cases{background:var(--react-cream)}.react-heading-limit{max-width:800px;margin-bottom:55px}.react-case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.react-case-grid article{overflow:hidden;background:#fff;border:1px solid rgba(16,16,16,.07);border-radius:18px;transition:.3s}.react-case-grid article:hover{transform:translateY(-6px);box-shadow:0 25px 60px #1010101f}.react-case-grid img{display:block;width:100%;height:280px;object-fit:cover}.react-case-grid article>div{padding:28px}.react-case-grid span{color:var(--react-red);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.react-case-grid h3{margin:12px 0 8px;font-size:24px}.react-case-grid h3 a,.react-case-grid article>div>a{color:inherit;text-decoration:none}.react-case-grid p{color:var(--react-red);font-weight:700}.react-case-grid article>div>a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.react-process{background:var(--react-dark);color:#fff}.react-centered{text-align:center;margin-bottom:65px}.react-centered .react-eyebrow{justify-content:center}.react-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#ffffff14}.react-process-grid article{padding:32px 26px;background:var(--react-dark)}.react-process-grid span{color:var(--react-red);font:700 12px monospace}.react-process-grid h3{font-size:20px}.react-process-grid p{color:#ffffff7a;line-height:1.7;font-size:14px}.react-testimonials{background:#fff}.react-testimonial-card{max-width:900px;margin:0 auto;padding:54px;border-radius:22px;background:var(--react-cream);text-align:center}.react-stars{color:var(--react-red);letter-spacing:4px}.react-testimonial-card blockquote{margin:24px auto 32px;max-width:760px;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(28px,4vw,44px);line-height:1.35}.react-person{display:flex;justify-content:center;align-items:center;gap:14px}.react-person img,.react-person>span{width:48px;height:48px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--react-red);color:#fff;font-weight:800}.react-person strong,.react-person small{display:block;text-align:left}.react-person small{color:#10101080;margin-top:4px}.react-dots{display:flex;justify-content:center;gap:8px;margin-top:26px}.react-dots button{width:9px;height:9px;border:0;padding:0;border-radius:50%;background:#1010102e;cursor:pointer}.react-dots button.is-active{width:28px;border-radius:10px;background:var(--react-red)}.react-blog{background:var(--react-cream)}.react-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.react-blog-grid article{background:#fff;border-radius:18px;overflow:hidden;border:1px solid rgba(16,16,16,.07)}.react-blog-image{display:block;height:220px;overflow:hidden}.react-blog-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.react-blog-grid article:hover img{transform:scale(1.05)}.react-blog-grid article>div{padding:26px}.react-blog-grid span{color:#10101066;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.react-blog-grid h3{margin:12px 0;font-size:22px}.react-blog-grid h3 a,.react-blog-grid article>div>a{color:inherit;text-decoration:none}.react-blog-grid p{color:#10101099;line-height:1.7}.react-blog-grid article>div>a{color:var(--react-red);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.react-cta{padding:80px 0;background:#fff}.react-cta .react-container>div{padding:90px 70px;border-radius:24px;text-align:center;color:#fff;background:linear-gradient(138deg,#7a000f,#c8102e 45%,#1a0308);overflow:hidden}.react-cta .react-eyebrow{color:#fff9;justify-content:center}.react-cta h2{max-width:820px;margin:0 auto;font-size:clamp(42px,6vw,70px);line-height:1.05}.react-cta p{max-width:600px;margin:24px auto 44px;color:#ffffff9e;font-size:17px;line-height:1.75}.react-cta .react-actions{justify-content:center}@media(max-width:1024px){.react-hero-grid,.react-two-col,.react-section-head{grid-template-columns:1fr}.react-hero-visual{max-width:700px}.react-process-grid,.react-blog-grid,.react-portfolio-grid{grid-template-columns:repeat(2,1fr)}.react-project-large,.react-project-wide{grid-column:span 1}}@media(max-width:720px){.react-container{width:calc(100% - 32px)}.react-section{padding:75px 0}.react-hero{padding:130px 0 75px}.react-hero h1{font-size:clamp(48px,15vw,72px)}.react-stats{gap:18px;flex-wrap:wrap}.react-stats>div{min-width:42%}.react-rating{position:relative;left:auto;bottom:auto;margin:-15px 14px 0}.react-two-col{gap:55px}.react-about-image>span{left:12px}.react-service-detail{grid-template-columns:1fr;padding-left:18px}.react-service-detail img{display:none}.react-portfolio-grid,.react-case-grid,.react-process-grid,.react-blog-grid{grid-template-columns:1fr}.react-project{grid-row:auto!important;min-height:320px}.react-testimonial-card{padding:35px 22px}.react-cta .react-container>div{padding:65px 24px}}