@import url(https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--roe-bg:#f6f5f1;--roe-bg-2:#ecebe5;--roe-ink:#14181a;--roe-ink-2:#3b4147;--roe-ink-3:#6f757b;--roe-line:#d9d6cd;--roe-line-2:#c4c1b6;--roe-moss:#3a7a4a;--roe-moss-deep:#265237;--roe-moss-soft:#cfe0cf;--roe-hero-ink:#f4f1ea;--roe-hero-bg:#0e1116;--roe-sans:"Inter Tight", ui-sans-serif, system-ui, sans-serif;--roe-mono:"JetBrains Mono", ui-monospace, monospace;--roe-gutter:clamp(20px, 4vw, 56px);--roe-maxw:1440px}.hero-headline{--text--size--h1-min:28px;--text--size--h1-max:60px;line-height:1.08;letter-spacing:-.02em;font-weight:400;color:var(--roe-hero-ink);text-shadow:0 1px 24px rgb(0 0 0 / .35);margin:0;font-family:var(--roe-sans)}.contact-title{--text--size--h1-min:40px;--text--size--h1-max:84px;line-height:1;letter-spacing:-.025em;font-weight:400;color:var(--roe-ink);margin:0 0 var(--spacing--6xl) 0;font-family:var(--roe-sans)}.slide-num{--text--size--h5-min:20px;--text--size--h5-max:22px;color:#fff;font-weight:500}.hero-eyebrow{--text--size--h6-min:12px;--text--size--h6-max:12px;font-family:var(--roe-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--roe-moss-soft);margin-block-end:var(--spacing--5xl);display:inline-flex;align-items:center}.hero-eyebrow::before{content:"";width:22px;height:1px;background:var(--roe-moss-soft);margin-inline-end:var(--spacing--2xl)}.hero-pill{--text--size--h6-min:12px;--text--size--h6-max:12px;display:inline-flex;align-items:center;padding:var(--spacing--md) var(--spacing--2xl);border:1px solid rgb(244 241 234 / .28);border-radius:999px;font-family:var(--roe-mono);letter-spacing:.14em;text-transform:uppercase}.hero-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--roe-moss-soft);box-shadow:0 0 0 3px rgb(207 224 207 / .18);margin-inline-end:var(--spacing--lg)}.hero-cta{--text--size--h6-min:13px;--text--size--h6-max:13px;display:inline-flex;align-items:center;margin-block-start:var(--spacing--7xl);padding:var(--spacing--3xl) var(--spacing--5xl);background:var(--roe-moss);color:#fff;border-radius:999px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;font-family:var(--roe-sans);transition:background-color .25s ease,transform .25s ease;text-decoration:none}.hero-cta:hover{background:var(--roe-moss-deep);transform:translateY(-1px)}.hero-cta svg{width:14px;height:14px}.slide-counter{--text--size--h6-min:14px;--text--size--h6-max:14px;font-family:var(--roe-mono);letter-spacing:.1em;color:rgb(244 241 234 / .85);display:inline-flex;align-items:baseline}.slide-sep{opacity:.5}.scroll-cue{--text--size--h6-min:11px;--text--size--h6-max:11px;position:absolute;left:var(--roe-gutter);bottom:28px;z-index:3;font-family:var(--roe-mono);letter-spacing:.18em;text-transform:uppercase;color:rgb(244 241 234 / .65);display:inline-flex;align-items:center}.scroll-cue-stick{display:inline-block;width:1px;height:28px;margin-inline-end:var(--spacing--xl);background:linear-gradient(180deg,rgb(244 241 234 / .7),#fff0);animation:roe-cue 2.2s ease-in-out infinite}.section-eyebrow{--text--size--h6-min:12px;--text--size--h6-max:12px;font-family:var(--roe-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--roe-moss-deep);display:inline-flex;align-items:center;margin-block-end:var(--spacing--6xl)}.section-eyebrow::before{content:"";width:22px;height:1px;background:var(--roe-moss);margin-inline-end:var(--spacing--2xl)}.contact-meta{--text--size--h6-min:13px;--text--size--h6-max:13px;margin-block-start:var(--spacing--5xl);display:grid;color:var(--roe-ink-3);font-family:var(--roe-mono);letter-spacing:.04em}.contact-meta-company{color:var(--roe-ink-2)}.form-label{--text--size--h6-min:11px;--text--size--h6-max:11px;font-family:var(--roe-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--roe-ink-3)}.submit-note{--text--size--h6-min:11px;--text--size--h6-max:11px;font-family:var(--roe-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--roe-ink-3)}.btn-send{--text--size--h6-min:13px;--text--size--h6-max:13px;display:inline-flex;align-items:center;padding:var(--spacing--3xl) var(--spacing--5xl);background:var(--roe-ink);color:var(--roe-bg);border-radius:999px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;font-family:var(--roe-sans);transition:background-color .25s ease,transform .25s ease;cursor:pointer;border:none}.btn-send:hover{background:var(--roe-moss-deep);transform:translateY(-1px)}.btn-send svg{width:14px;height:14px}html{scroll-behavior:smooth;scroll-padding-top:130px}.page-content{font-family:var(--roe-sans);font-feature-settings:"ss01","cv11";color:var(--roe-ink);background:var(--roe-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.hero{position:relative;height:100vh;min-height:640px;background:var(--roe-hero-bg);color:var(--roe-hero-ink);overflow:hidden;isolation:isolate}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s linear 1.1s}.hero-slide.is-active{opacity:1;visibility:visible;transition:opacity 1.1s ease,visibility 0s linear 0s}.slide-media{position:absolute;inset:-8% -8% -8% -8%;background-size:cover;background-position:center;transform:scale(1.06);transition:transform 12s ease-out;will-change:transform}.hero-slide.is-active .slide-media{transform:scale(1.22) translate3d(var(--px,0),var(--py,0),0);animation:roe-drift 22s ease-in-out infinite alternate}@keyframes roe-drift{0%{transform:scale(1.22) translate3d(var(--px,0),var(--py,0),0)}50%{transform:scale(1.26) translate3d(calc(var(--px, 0px) + 14px),calc(var(--py, 0px) - 10px),0)}100%{transform:scale(1.24) translate3d(calc(var(--px, 0px) - 12px),calc(var(--py, 0px) + 8px),0)}}.hero-slide[data-index="3"] .slide-media{inset:0;transform-origin:50% 100%}.hero-slide[data-index="3"].is-active .slide-media{transform:scale(1.06) translate3d(calc(var(--px, 0px) * 0.4),0,0);animation:none}.hero[data-active-slide="3"] .hero-slide.is-active .slide-scrim{background:radial-gradient(80% 60% at 78% 30%,rgb(7 12 9 / .82) 0%,#fff0 60%),linear-gradient(180deg,rgb(7 12 9 / .55) 0%,#fff0 25%,#fff0 100%),linear-gradient(180deg,rgb(20 38 28 / .12) 0%,#fff0 100%)}.slide-scrim{position:absolute;inset:0;background:radial-gradient(120% 80% at 22% 88%,rgb(7 12 9 / .72) 0%,#fff0 55%),linear-gradient(180deg,#fff0 0%,#fff0 30%,rgb(7 12 9 / .55) 70%,rgb(7 12 9 / .85) 100%),linear-gradient(180deg,rgb(20 38 28 / .18) 0%,rgb(7 12 9 / .28) 100%);pointer-events:none}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;opacity:.14;background-image:radial-gradient(circle at 30% 20%,rgb(255 255 255 / .3) 0,transparent 1px),radial-gradient(circle at 70% 60%,rgb(0 0 0 / .3) 0,transparent 1px),radial-gradient(circle at 50% 80%,rgb(255 255 255 / .2) 0,transparent 1px);background-size:3px 3px,5px 5px,4px 4px}.hero-content{position:relative;z-index:2;height:100%;max-width:var(--roe-maxw);margin-inline:auto;padding-inline:var(--roe-gutter);padding-block-start:110px;padding-block-end:100px;display:grid;grid-template-rows:1fr auto}.hero-top{align-self:start;display:flex;align-items:center;color:rgb(244 241 234 / .78)}.hero-line{flex:1;height:1px;background:rgb(244 241 234 / .18);max-width:220px}.hero-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:60px;align-items:end}.hero-text-stack{position:relative;max-width:820px}.hero-slide-text{position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none}.hero-slide-text.is-active{position:relative;top:auto;left:auto;right:auto;opacity:1;visibility:visible;pointer-events:auto}.hero-slide-text.is-active .hero-headline{animation:roe-heroIn .9s cubic-bezier(.2,.7,.2,1) both}.hero-slide-text.is-active .hero-eyebrow{animation:roe-heroIn .9s cubic-bezier(.2,.7,.2,1) .05s both}@keyframes roe-heroIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (min-width:900px){.hero[data-active-slide="3"] .hero-text-stack{position:static}.hero[data-active-slide="3"] .hero-slide-text[data-text="3"].is-active{position:absolute;top:150px;right:var(--roe-gutter);max-width:min(620px, calc(100% - 2 * var(--roe-gutter)));text-align:right;z-index:3}.hero[data-active-slide="3"] .hero-slide-text[data-text="3"].is-active .hero-eyebrow{flex-direction:row-reverse}}.hero-aside{display:grid;align-content:end;justify-items:end}.hero-controls{display:inline-flex}.hero-controls button{width:46px;height:46px;border:1px solid rgb(244 241 234 / .28);border-radius:50%;display:grid;place-items:center;color:var(--roe-hero-ink);background:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.hero-controls button:hover{background:rgb(244 241 234 / .1);border-color:rgb(244 241 234 / .55)}.hero-controls svg{width:16px;height:16px}.slide-progress{display:flex;width:min(360px, 60vw)}.slide-progress .bar{flex:1;height:2px;background:rgb(244 241 234 / .18);position:relative;overflow:hidden;cursor:pointer;border:none}.slide-progress .bar::after{content:"";position:absolute;inset:0;background:var(--roe-moss-soft);transform:scaleX(0);transform-origin:left}.slide-progress .bar.is-active::after{animation:roe-progress 7s linear forwards}.slide-progress .bar.is-done::after{transform:scaleX(1)}@keyframes roe-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes roe-cue{0%,100%{transform:translateY(0);opacity:.9}50%{transform:translateY(8px);opacity:.3}}.contact{position:relative;padding-block:clamp(80px, 12vw, 160px);padding-inline:var(--roe-gutter);background:var(--roe-bg)}.contact-inner{max-width:var(--roe-maxw);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:clamp(40px, 6vw, 96px);align-items:start}.contact-lhs{position:sticky;top:110px}.contact-image{margin-block-start:var(--spacing--8xl);position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:2px;background:var(--roe-bg-2) url(https://roetechnology.com/wp-content/uploads/2024/02/ROE-Technology-Slide-5-1024x683.jpg) center/cover}.contact-image::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .05);border-radius:inherit;pointer-events:none}.contact-form{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-content:start}.form-field{display:flex;flex-direction:column}.form-field-full{grid-column:1 / -1}.form-input,.form-textarea{font-family:var(--roe-sans);color:var(--roe-ink);background:#fff0;border:0;border-bottom:1px solid var(--roe-line-2);padding-block:var(--spacing--xl) var(--spacing--2xl);outline:none;transition:border-color .2s ease;border-radius:0;width:100%;font-size:17px}.form-textarea{min-height:140px;resize:vertical;line-height:1.5}.form-input:focus,.form-textarea:focus{border-color:var(--roe-moss)}.form-input::placeholder,.form-textarea::placeholder{color:var(--roe-ink-3);opacity:.7}.submit-row{grid-column:1 / -1;display:flex;justify-content:flex-end;align-items:center;margin-block-start:var(--spacing--2xl)}@media (max-width:900px){.hero-bottom{grid-template-columns:1fr;row-gap:28px}.hero-aside{justify-items:start}.scroll-cue{display:none}}@media (max-width:920px){.contact-inner{grid-template-columns:1fr}.contact-lhs{position:static}}@media (max-width:620px){.contact-form{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}.hero-slide.is-active .slide-media{transform:none}}