@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#f3f4f1;--dark:#0c1217;--muted:#b7c1c7;--accent:#ffa675;--line:#354149;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--dark);color:var(--ink);font:1rem/1.7 var(--sans)}a{color:inherit;text-underline-offset:.25em}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.05;letter-spacing:-.055em}img,video{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;padding:12px;background:#fff;color:#111;z-index:9}.skip:focus{top:10px}.demo-banner{background:#19222a;border-bottom:1px solid #344149;padding:10px 30px;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:.8125rem;color:#d3dce1}.demo-banner strong{color:var(--accent);margin-right:10px}.demo-banner a{flex-shrink:0}.header{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-block:24px;border-bottom:1px solid #384048}.reflex-logo{font:800 2.05rem/1 var(--display);letter-spacing:.025em;text-decoration:none}.reflex-logo small{display:block;font:400 .75rem/1.6 var(--sans);letter-spacing:.14em;margin-top:7px;color:#bcc4c8}.header nav{display:flex;gap:30px;align-items:center;font-size:.9375rem}.header nav a{text-decoration:none}.header nav a:hover{color:var(--accent)}.header .nav-cta{border:1px solid #8b7560;padding:10px 15px;border-radius:3px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:680px;display:flex;align-items:center}.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081119d9 0%,#0811199c 36%,#08111910 64%),linear-gradient(0deg,#0c1217 0%,transparent 30%)}.hero-content{padding-block:78px 95px;width:100%}.eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:25px}.hero h1{font-size:clamp(3.9rem,7vw,7rem);font-weight:600;line-height:1.01;max-width:10ch}.hero h1 em{display:block;font-style:normal;color:#ffb887}.hero-lead{max-width:400px;font-size:1.05rem;color:#cbd5da;margin:25px 0 29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 22px;min-height:54px;border-radius:3px;border:1px solid var(--accent);background:var(--accent);color:#1c160f;text-decoration:none;font:600 .9375rem var(--sans);cursor:pointer}.button:hover{background:#ffc299}.hero-note{font-size:.8125rem;max-width:450px;color:#b8c4ca;margin-top:23px}.hero-strip{border-block:1px solid #344149;display:flex;justify-content:space-between;gap:25px;padding-block:18px;color:#c4cdd2;font-size:.8125rem;letter-spacing:.1em}.services{padding-block:85px 90px}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:end;margin-bottom:46px}.section-head h2{font-size:clamp(2.7rem,4.3vw,4.5rem);font-weight:500;max-width:18ch}.section-head>p{max-width:430px;color:var(--muted);font-size:1.0625rem}.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:55px .9fr 1.1fr;gap:32px;border-bottom:1px solid var(--line);padding:30px 0;align-items:start}.service-item .number{font-size:.9375rem;color:var(--accent);padding-top:7px}.service-item h3{font-size:1.8rem;font-weight:500;line-height:1.2}.service-item p{color:var(--muted);font-size:1rem}.service-caption{color:#aebdc6;font-size:.875rem;margin-top:24px}.process{background:#eaece7;color:#18242c;padding-block:70px 78px;color-scheme:light}.process .eyebrow{color:#885033}.process-layout{display:grid;grid-template-columns:1fr .7fr;gap:85px;align-items:center}.process h2{font-size:clamp(2.8rem,4.4vw,4.6rem);font-weight:500;max-width:15ch}.process ol{list-style:none;padding:0;margin:38px 0 0;counter-reset:process}.process li{position:relative;border-top:1px solid #b8c1bb;padding:23px 0 23px 48px;counter-increment:process}.process li:before{content:'0' counter(process);position:absolute;left:0;top:25px;color:#8b573c;font-size:.875rem}.process h3{font-size:1.25rem;font-weight:600;letter-spacing:-.03em;line-height:1.3}.process li p{color:#4c5b60;max-width:440px;margin-top:9px}.film{margin:0;max-width:330px;justify-self:center;width:100%}.film-head{font-size:.8125rem;letter-spacing:.1em;font-weight:700;color:#75503d;margin-bottom:13px}.film video{width:100%;aspect-ratio:9/16;object-fit:contain;background:#101c29;border-radius:5px;box-shadow:15px 18px 0 #d4d9d3}.film figcaption{font-size:.8125rem;color:#4e5f65;line-height:1.6;margin-top:24px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;padding-block:82px}.faq h2{font-size:clamp(2.7rem,4vw,4.1rem);font-weight:500;max-width:12ch}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:22px;padding:24px 0;cursor:pointer;font-size:1rem}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.4rem;line-height:1;flex-shrink:0;color:var(--accent)}details[open] summary:after{content:'−'}details p{font-size:1rem;color:var(--muted);padding:0 20px 25px 0}.contact{background:#19252e;border-block:1px solid #48525a;padding-block:62px}.contact-layout{display:flex;justify-content:space-between;gap:45px;align-items:center}.contact h2{font-size:clamp(2.8rem,5vw,5rem);font-weight:500;max-width:17ch}.contact p:not(.eyebrow){margin-top:22px;color:#cbd4d7;max-width:480px}.contact .button{flex-shrink:0}.footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:28px;font-size:.8125rem;color:#afbcc4}.footer strong{font-size:1.25rem;letter-spacing:.07em;color:#f1f3f2}.footer p{max-width:56ch}.footer a{text-decoration:none;color:#ffb68a}dialog{width:min(500px,calc(100% - 36px));padding:30px;background:#17232d;color:#f1f3f2;border:1px solid #6d7881;border-radius:5px}dialog::backdrop{background:#08131dbb}dialog h2{font-size:2rem;font-weight:500}dialog p{color:#c4cdd4;margin:20px 0 26px}dialog .button{width:100%}
@media(max-width:960px){.wrap{width:calc(100% - 56px)}.hero{min-height:620px}.hero h1{font-size:6.8vw}.hero-lead{max-width:330px}.section-head{gap:38px}.process-layout{gap:45px}.service-item{gap:25px}.service-item h3{font-size:1.6rem}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.demo-banner{display:block;padding:11px 18px;font-size:.8125rem}.demo-banner a{display:inline-block;margin-top:5px}.header{flex-direction:column;align-items:flex-start;gap:18px;padding-block:22px}.header nav{width:100%;gap:20px;justify-content:space-between;font-size:.875rem}.header .nav-cta{padding:8px 12px}.reflex-logo{font-size:1.9rem}.hero{display:flex;flex-direction:column;min-height:0;align-items:stretch}.hero:after{display:none}.hero-content{order:0;padding-block:40px 27px;width:calc(100% - 36px)}.hero h1{font-size:clamp(3.3rem,11.4vw,5rem);max-width:none}.hero h1 em{max-width:12ch}.hero .eyebrow{margin-bottom:21px}.hero-lead{max-width:42ch;font-size:1rem;margin-block:23px 25px}.hero-image{position:relative;order:1;inset:auto;z-index:0;height:auto;aspect-ratio:1.18;object-fit:cover;object-position:76% 50%;width:100%;opacity:1}.hero-note{font-size:.8125rem;margin-top:20px}.hero-strip{gap:12px;flex-wrap:wrap;padding-block:16px;font-size:.75rem}.services{padding-block:48px}.section-head{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.section-head h2{font-size:2.75rem}.section-head>p{font-size:1rem}.service-item{grid-template-columns:30px 1fr;gap:10px 18px;padding-block:25px}.service-item h3{font-size:1.7rem}.service-item p{grid-column:2}.service-item .number{padding-top:3px}.process{padding-block:48px 56px}.process-layout{grid-template-columns:1fr;gap:35px}.process h2{font-size:2.8rem}.film{max-width:305px}.film video{box-shadow:9px 12px 0 #d4d9d3}.faq{grid-template-columns:1fr;gap:28px;padding-block:48px}.faq h2{font-size:2.75rem;max-width:none}.contact{padding-block:47px}.contact-layout{flex-direction:column;align-items:flex-start;gap:28px}.contact h2{font-size:3rem}.footer{flex-direction:column;align-items:flex-start;gap:12px}.footer p{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}