.page-roai{background:#000;position:relative}.page-roai .eyebrow{text-wrap:balance}.roai-hero{min-height:100svh}.roai-hero-ambient{--gx:50%;--gy:24%;--gs:min(170vw, 1000px);--gc:#1f4bff4d;--wx:58%;--wy:18%;--ws:min(100vw, 560px);--wc:#ffffff14}.roai-hero-inner{padding-top:calc(var(--header-h) + 12px);pointer-events:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"visual""brand""title""sub""ctas";row-gap:18px;padding-bottom:clamp(40px,6svh,72px);display:grid}.roai-hero-inner>*{pointer-events:auto}.roai-hero-visual{grid-area:visual;margin-bottom:clamp(20px,4svh,32px)}.roai-hero-brand{grid-area:brand;justify-items:start;gap:18px;display:grid}.roai-hero-logo{width:auto;height:clamp(44px,min(5vw,9svh),88px)}.roai-hero-title{grid-area:title}.roai-hero-sub{grid-area:sub;max-width:50ch}.roai-hero-ctas{grid-area:ctas;margin-top:8px}@media (max-width:599px){.roai-hero-inner{grid-template-areas:"visual""brand""title""ctas""sub";row-gap:14px}.roai-hero-visual{margin-bottom:10px}.roai-hero-brand{gap:14px}.roai-hero-logo{height:36px}.roai-hero-ctas{margin-top:6px}.roai-hero-sub{margin-top:10px}}@media (min-width:1024px){.roai-hero{height:100svh;min-height:680px}.roai-hero-ambient{--gx:76%;--gy:36%;--gs:min(96vw, 1400px);--wx:84%;--wy:22%;--ws:min(48vw, 760px)}@media (min-height:1200px){.roai-hero-ambient{--gx:64%;--gy:38%;--wx:72%;--wy:26%}}.roai-hero-inner{column-gap:calc(var(--gutter) * 2);height:100%;padding-top:calc(var(--header-h) + 20px);grid-template:"brand visual"minmax(0,1fr)"title title""sub ctas"/minmax(0,1fr) minmax(0,1.12fr);row-gap:clamp(16px,2.6svh,32px)}.roai-hero-visual{justify-content:flex-end;align-items:flex-end;min-height:0;margin:0;display:flex;container-type:size}.roai-hero-visual .pdemo{--pw:min(100cqw, max(100cqh * 1.42, 560px), 100cqh * 1.9, 800px);width:var(--pw);height:min(100cqh, var(--pw) / 1.42)}.roai-hero-brand,.roai-hero-sub{align-self:end}.roai-hero-ctas{place-self:end;margin:0}.roai-hero{container-type:inline-size}.roai-hero-inner{--hero-w:calc(min(100cqw, var(--max) + var(--margin) * 2) - var(--margin) * 2);--vis-w:calc((var(--hero-w) - var(--gutter) * 2) * 1.12 / 2.12);--vis-max:calc(min(var(--vis-w), 800px) / 1.42);grid-template-rows:minmax(0, var(--vis-max)) auto auto;align-content:center}}@media (min-width:1700px){.roai-hero-inner{--vis-w:calc((var(--hero-w) - var(--gutter) * 2) * .59);--vis-max:calc(min(var(--vis-w), 1000px) / 1.42);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.roai-hero-visual .pdemo{--pw:min(100cqw, max(100cqh * 1.42, 560px), 100cqh * 1.9, 1000px)}}.pdemo{--b:var(--bevel-l);--pd-pad:14px;--pd-bar:52px;--pd-gap:12px;--pd-stage:calc(var(--pd-pad) + var(--pd-bar) + var(--pd-gap));gap:var(--pd-gap);padding:var(--pd-pad);color:#fff;flex-direction:column;margin:0;display:flex;container:pdemo/inline-size}.pdemo-bar{--b:var(--bevel-s);--w:1px;isolation:isolate;height:var(--pd-bar);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 8px;display:grid;position:relative}.pdemo-bar:before,.pdemo-bar:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.pdemo-bar:before{clip-path:polygon(var(--b) 0, calc(100% - var(--b)) 0, 100% var(--b), 100% calc(100% - var(--b)), calc(100% - var(--b)) 100%, var(--b) 100%, 0 calc(100% - var(--b)), 0 var(--b));background:linear-gradient(#000000a8,#00000075)}.pdemo-bar:after{--bi:calc(var(--b) + var(--w) * .4142);clip-path:polygon(evenodd, var(--b) 0, calc(100% - var(--b)) 0, 100% var(--b), 100% calc(100% - var(--b)), calc(100% - var(--b)) 100%, var(--b) 100%, 0 calc(100% - var(--b)), 0 var(--b), var(--b) 0, var(--bi) var(--w), calc(100% - var(--bi)) var(--w), calc(100% - var(--w)) var(--bi), calc(100% - var(--w)) calc(100% - var(--bi)), calc(100% - var(--bi)) calc(100% - var(--w)), var(--bi) calc(100% - var(--w)), var(--w) calc(100% - var(--bi)), var(--w) var(--bi), var(--bi) var(--w));background:linear-gradient(#ffffff1f,#ffffff3d)}.pdemo-modes{clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);background:#ffffff14;gap:2px;padding:3px;font-size:10px;font-weight:600;display:inline-flex}.pdemo-mode{color:#ffffffb3;padding:7px 10px;display:inline-block}.pdemo-mode.is-active{color:#000;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);background:#fff}.pdemo-prompt{letter-spacing:.02em;text-transform:none;white-space:nowrap;align-items:center;min-width:0;font-size:12px;display:flex;overflow:hidden}.pdemo-typed{text-overflow:ellipsis;overflow:hidden}.pdemo-caret{background:#5b8cff;flex:none;width:8px;height:16px;margin-left:3px}.pdemo.is-typing .pdemo-caret{animation:.9s step-end infinite caret}@keyframes caret{50%{opacity:0}}.pdemo-send{color:#fff;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);background:linear-gradient(#ffffff3d,#fff0 50%),linear-gradient(#3a63ff,#1f4bff 60%,#1a3fe0);place-items:center;width:36px;height:36px;display:grid}.pdemo-stage{flex:auto;min-height:0;position:relative}.pdemo-iso{width:100%;height:auto;display:block;overflow:visible}@media (max-width:599px){.pdemo-stage{aspect-ratio:1.4;flex:none}}@media (max-width:599px),(min-width:1024px){.pdemo-iso{height:100%;position:absolute;inset:0}}.pdemo-log{left:calc(var(--pd-pad) + 8px);top:calc(var(--pd-stage) + 8px);color:#ffffffdb;gap:6px;margin:0;padding:0;font-size:11px;font-weight:600;display:grid;position:absolute}.pdemo-tick{color:#5b8cff}@container pdemo (max-width:520px){.pdemo-log{gap:4px;font-size:10px}}.pdemo-reset{z-index:3;visibility:hidden;pointer-events:none;filter:drop-shadow(0 0 14px #3d7bff99);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.pdemo-rb{--rbw:clamp(30px, 5cqw, 44px);--s:calc(var(--rbw) * .57);--a:calc(var(--rbw) * .5);width:var(--rbw);height:46%;clip-path:polygon(0 0, 100% 0, 100% var(--a), var(--s) var(--a), var(--s) calc(100% - var(--a)), 100% calc(100% - var(--a)), 100% 100%, 0 100%);background:#5b8cff;flex:none}.pdemo-rb.is-right{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - var(--a)), calc(100% - var(--s)) calc(100% - var(--a)), calc(100% - var(--s)) var(--a), 0 var(--a))}.pdemo-replay{top:calc(var(--pd-stage) + 4px);right:calc(var(--pd-pad) + 4px);z-index:4;color:#fff;position:absolute}@media (max-width:599px){.pdemo-replay{top:auto;bottom:calc(var(--pd-pad) + 2px);right:calc(var(--pd-pad) + 2px)}}.pdemo-replay>.br-glyph{--accent:#5b8cff;opacity:1;translate:0}.subnav-rail{top:calc(var(--header-offset,var(--header-h)) + 12px);z-index:50;height:0;transition:top .6s var(--ease-out);position:sticky}html:not(.js) .subnav-rail{top:12px}.subnav{--b:var(--bevel-m);width:min(680px, calc(100vw - 2 * var(--margin)));justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 8px 0 18px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.subnav-logo{align-items:center;height:44px;display:flex}.subnav-links{gap:2px;display:flex}@media (max-width:719px){.subnav{gap:8px;padding-left:14px}.subnav-links{flex:1;justify-content:center;min-width:0}.subnav-links li:not(:has([aria-current=true])){display:none}.subnav-link{letter-spacing:.08em;white-space:nowrap;padding:0;font-size:10px}}.subnav-link{color:#ffffffb8;min-height:44px;transition:color var(--dur-hover) var(--ease-ui);align-items:center;gap:.8ch;padding:0 6px;display:inline-flex}.subnav-link .nav-bracket{visibility:hidden;width:.5em}.subnav-link[aria-current=true]{color:#fff}.subnav-link[aria-current=true] .nav-bracket{visibility:visible}@media (hover:hover){.subnav-link:hover{color:#fff}.subnav-link:hover .nav-bracket{visibility:visible}}.roai-stats{padding-top:calc(var(--section-y) + 40px)}.what-grid{gap:40px;display:grid}@media (min-width:1024px){.what-grid{column-gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;row-gap:clamp(48px,5vw,80px)}}.what-origin{max-width:48ch}.what-principles{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.how-ambient{--gx:74%;--gy:64%;--gs:min(110vw, 1300px);--wx:14%;--wy:46%;--ws:min(70vw, 820px)}.how-head{margin-bottom:clamp(48px,6vw,96px)}.how-steps{gap:clamp(72px,9vw,128px);display:grid}.how-step{gap:24px;display:grid}@media (min-width:1024px){.how-step{column-gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.how-num{font-size:clamp(88px,15vw,240px)}.how-body{align-content:start;gap:16px;max-width:640px;display:grid}.how-illus{margin-top:12px}.how-illus .ui-card{max-width:560px}.how-modes{gap:18px;display:grid}.how-mode-list{gap:10px;display:grid}.how-mode{grid-template-columns:9ch minmax(0,1fr);align-items:baseline;gap:16px;display:grid}@media (max-width:479px){.how-mode{grid-template-columns:76px minmax(0,1fr);gap:12px}}.how-mode-name{color:#fff;align-items:center;gap:10px;font-weight:600;display:inline-flex}.how-mode-name .mark{translate:0 -1px}.how-effort{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.how-effort-label{color:var(--fg-muted);margin-right:8px}.how-num-wrap{width:fit-content;position:relative}.how-br{display:none}.how.is-pinned{height:100svh;padding-top:calc(var(--header-h) + 84px);flex-direction:column;padding-bottom:48px;display:flex}.how.is-pinned>.container-ui{flex-direction:column;flex:1;min-height:0;display:flex}.how.is-pinned .how-head{margin-bottom:clamp(40px,6svh,80px)}.how.is-pinned .how-steps{flex:1;align-content:center;display:grid}.how.is-pinned .how-step{grid-area:1/1;align-content:start}.how.is-pinned .how-num-wrap{padding-inline:.19em;font-size:clamp(120px,min(18vw,34svh),300px)}.how.is-pinned .how-num{font-size:1em}.how.is-pinned .how-br{opacity:0;filter:drop-shadow(0 0 .1em #3d7bff8c);width:.17em;height:.716em;font-size:1em;display:block;position:absolute;top:.028em}.how.is-pinned .how-br:before{--s:.097em;--a:.085em;content:"";clip-path:polygon(0 0, 100% 0, 100% var(--a), var(--s) var(--a), var(--s) calc(100% - var(--a)), 100% calc(100% - var(--a)), 100% 100%, 0 100%);background:#5b8cff;position:absolute;inset:0}.how.is-pinned .how-br-l{left:0}.how.is-pinned .how-br-r{right:0}.how.is-pinned .how-br-r:before{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - var(--a)), calc(100% - var(--s)) calc(100% - var(--a)), calc(100% - var(--s)) var(--a), 0 var(--a))}.caps-head{margin-bottom:clamp(28px,3vw,48px)}.caps-rows{gap:clamp(40px,4.5vw,80px);display:grid}.cap-row{gap:20px;display:grid}@media (min-width:1024px){.cap-row{column-gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}.cap-title-wrap{width:100%}.cap-title{--fs-min:min(32px, 100cqi / var(--fit-line,.001));text-wrap:wrap;display:block}.cap-copy{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;max-width:44ch;display:grid}@media (min-width:1024px){.cap-title,.cap-copy>p{text-box:trim-start cap alphabetic}}.cap-tile{--b:var(--bevel-m);place-items:center;width:64px;height:64px;display:grid}.cap-glyph{color:#5b8cff}.showcase-ambient{--gx:50%;--gy:34%;--gs:min(140vw, 1800px);--wx:10%;--wy:80%;--ws:min(80vw, 900px)}.showcase-head{justify-items:start;gap:18px;margin-bottom:clamp(40px,5vw,64px);display:grid}.showcase-featured .yt-frame{--b:var(--bevel-xl)}@media (min-width:768px){.showcase-featured .yt-play{width:88px;height:88px}}.showcase-featured .yt-meta{padding-top:6px}.showcase-featured .yt-title{text-wrap:pretty;font-size:clamp(22px,2vw,30px)}.showcase-rail-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:clamp(72px,8vw,120px);margin-bottom:20px;display:flex}.showcase-rail-head .status{color:var(--fg-muted)}.showcase-rail{--rail-x:max(var(--margin), calc((100% - var(--max)) / 2));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px var(--rail-x) 10px;scroll-padding-inline:var(--rail-x);overflow-x:auto}.showcase-rail::-webkit-scrollbar{display:none}.showcase-track{gap:var(--gutter);width:max-content;display:flex}.showcase-card{scroll-snap-align:start;width:min(82vw,520px);padding:10px}@media (min-width:1024px){.showcase-card{width:min(34vw,600px)}}.showcase-card .yt{gap:0}.showcase-card .yt-meta{gap:8px;padding:18px 12px 10px}.roai-cta-inner{gap:clamp(32px,4vw,48px);display:grid}.roai-cta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}@media (max-width:767px){.roai-cta-row{flex-direction:column;align-items:stretch}}.roai-socials{gap:12px;display:flex}.roai-social{color:#ffffffd1;width:44px;height:44px;min-height:44px;padding:0}@media (hover:hover){.roai-social:hover{color:#fff}}