.oy-home .oy-container{padding-inline:16px}.oy-home .oy-home-hero{position:relative;isolation:isolate;padding-block:112px 64px}.oy-home-backdrop{position:absolute;inset:0;z-index:-1;opacity:.28;overflow:hidden;pointer-events:none}.oy-home-backdrop--animated{opacity:.72}.oy-home-backdrop>img,.oy-home-backdrop>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.oy-home-backdrop--animated:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--oy-ground) 90%,transparent) 40%,transparent 60%)}.oy-home-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}.oy-home-hero-grid--fleet{gap:12px}.oy-home-hero-visual{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}.oy-home-hero-visual .oy-home-journey{max-width:none}.oy-home-hero-stage{position:relative;isolation:isolate;width:100%}.oy-home-hero-stage .oy-home-journey{position:relative;z-index:1}.oy-home-hero-motion{position:absolute;right:12px;z-index:2}.oy-home-hero-motion--bottom{top:auto;bottom:12px}.oy-home-hero-motion-label{position:absolute;right:60px;bottom:12px;display:flex;align-items:center;height:40px;visibility:hidden;pointer-events:none}.oy-home-hero-motion:focus-visible+.oy-home-hero-motion-label,.oy-home-hero-motion:hover+.oy-home-hero-motion-label{visibility:visible}.oy-home .oyhero-title{margin:0;padding:0;font-size:36px;line-height:1.05;letter-spacing:-.02em;text-align:left}.oy-home .oyhero-title .oy-mark:nth-of-type(2)[data-lit]{animation-delay:.18s}.oy-home .oyhero-sub{margin:20px 0;max-width:38rem;text-align:left;font-size:14px;line-height:1.5}.oy-home-hero-grid--fleet .oyhero-sub{margin-bottom:0}.oy-home .oy-btn{min-height:44px;transform:none}.oy-home figure{margin:0;min-width:0}.oy-home-frame{position:relative;width:100%;aspect-ratio:4/5;border:1px solid var(--oy-line);border-radius:20px;overflow:hidden;background:var(--oy-ground)}.oy-home-frame img{object-fit:cover;object-position:top}.oy-home-journey{width:100%;max-width:640px;justify-self:center}.oy-home-clip-frame,.oy-home-journey-frame{aspect-ratio:390/844}.oy-home-phone{width:100%;max-width:480px;justify-self:center}.oy-home-phone-frame{aspect-ratio:4/5}.oy-home-fleet-frame{aspect-ratio:390/640;border:0;border-radius:0;background:transparent}.oy-home-fleet-frame picture{position:absolute;inset:0 auto auto 0;transform:translateY(-12.0853%)}.oy-home-frame img,.oy-home-frame picture,.oy-home-frame video{display:block;width:100%;height:100%}.oy-home-fleet-frame img,.oy-home-fleet-frame picture{height:auto}.oy-home-frame img,.oy-home-frame video{object-fit:contain}.oy-home-clip-grid{display:grid;gap:40px}.oy-home-clip-caption{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.oy-home-caption{margin-top:12px;font:13px/1.5 var(--oy-sans);color:var(--oy-muted)}.oy-home .oy-home-motion-control{min-width:44px;min-height:44px;border-radius:999px;color:var(--oy-muted)}.oy-home-clips,.oy-home-values{border-top:1px solid var(--oy-line-soft)}.oy-home-values-grid{display:grid;gap:40px}.oy-home-section-line{font-size:24px;line-height:1.2;margin:0}@media (max-width:359px){.oy-home .oyhero-title{font-size:31px}}@media (min-width:768px){.oy-home .oy-container{padding-inline:32px}.oy-home .oy-home-hero{padding-block:140px 72px}.oy-home .oyhero-title{font-size:clamp(36px,3.4vw,48px)}.oy-home .oyhero-sub{font-size:16px}.oy-home-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.oy-home-values-grid article{display:flex;flex-direction:column}.oy-home-values-grid figure{margin-top:auto}.oy-home-values-grid .oy-home-frame{aspect-ratio:4/5}.oy-home-journey-frame{aspect-ratio:8/5}.oy-home-fleet-frame{aspect-ratio:766/354}.oy-home-fleet-frame picture{width:108.094%;transform:translate(-3.5024%,-16.2162%)}.oy-home-clip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}@media (min-width:1024px){.oy-home-backdrop--animated:after{background:linear-gradient(to right,color-mix(in srgb,var(--oy-ground) 90%,transparent) 40%,transparent 60%)}.oy-home-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}.oy-home-hero-grid--fleet{grid-template-columns:minmax(0,3fr) minmax(0,5fr);gap:32px}.oy-home-hero-visual{position:relative}}@media (prefers-reduced-motion:reduce){.oy-home .oyhero-title .oy-mark{animation:none;mask-image:none}}.oy-home-fleet-agent{position:absolute;left:var(--phone-x);top:var(--phone-y);width:var(--phone-size);aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--phone-angle));pointer-events:none}.oy-home-fleet-agent img{width:100%;height:100%;object-fit:contain}@media (min-width:768px){.oy-home-fleet-agent{left:var(--desktop-x);top:var(--desktop-y);width:var(--desktop-size);transform:translate(-50%,-50%) rotate(var(--desktop-angle))}}.oy-home-clip-stage{position:relative;width:100%;min-height:0;aspect-ratio:390/844}.oy-story-media,.oy-story-media-slot{min-width:0;width:100%}.oy-story-media{max-width:640px}.oy-story-portrait{max-width:420px}.oy-story-frame>.oy-home-frame{position:absolute;inset:0;height:100%}.oy-story-caption{display:grid;gap:12px}.oy-story-controls{min-height:44px}@media (min-width:768px){.oy-story-responsive .oy-home-clip-frame,.oy-story-responsive .oy-story-frame{aspect-ratio:8/5}}.oy-story-layout,.oy-story-pair{display:grid;gap:40px}.oy-story-layout>*,.oy-story-pair>article{min-width:0}.oy-codespace-benefits{display:grid;gap:20px;margin:0;padding:0;list-style:none}.oy-codespace-benefits h3,.oy-codespace-benefits p{margin:0}.oy-codespace-benefits p{margin-top:4px}.oy-codespace-action{margin-top:24px}@media (min-width:768px){.oy-story-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.oy-story-pair>article{display:flex;flex-direction:column;height:100%}.oy-story-pair .oy-story-media,.oy-story-pair .oy-story-portrait{max-width:none}.oy-story-pair .oy-home-clip-frame,.oy-story-pair .oy-home-clip-stage,.oy-story-pair .oy-home-frame,.oy-story-pair .oy-mind-map-capture-frame{aspect-ratio:4/3}}@media (min-width:1024px){.oy-story-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}}.oy-story-frame>.oy-home-frame{background:linear-gradient(to bottom,var(--oy-surface) 0,var(--oy-surface) 36px,var(--oy-line-soft) 36px,var(--oy-line-soft) 37px,var(--oy-ground) 37px)}.oy-fleet{width:100%;max-width:760px;justify-self:center;min-width:0}.oy-home .oy-fleet-board{gap:16px;font-size:.875rem;line-height:1.375;color:var(--oy-muted)}.oy-home .oy-fleet-head{flex-wrap:wrap;gap:12px}.oy-fleet-brand{font-weight:600;color:var(--oy-text)}.oy-fleet-head-title{color:var(--oy-faint)}.oy-fleet-count{margin-left:auto}.oy-fleet-machines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.oy-fleet-machine{padding-block:12px;border-top:1px solid var(--oy-line-soft)}.oy-fleet-machine:first-child{padding-top:0;border-top:0}.oy-fleet-machine:last-child{padding-bottom:0}.oy-fleet-machine-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px}.oy-fleet-icon{width:20px;height:20px;color:var(--oy-muted)}.oy-fleet-name{font-weight:500;color:var(--oy-text)}.oy-fleet-memory-label,.oy-fleet-spec{color:var(--oy-faint);font-variant-numeric:tabular-nums}.oy-fleet-memory{position:relative;grid-column:1/-1;height:6px;border-radius:999px;background:var(--oy-chip);overflow:hidden}.oy-fleet-memory-fill{position:absolute;inset:0 auto 0 0;width:var(--fill);border-radius:inherit;background:var(--oy-muted);animation:oy-fleet-fill .9s var(--oy-ease) .2s both}.oy-fleet-memory-label{grid-column:1/-1}.oy-fleet-dots{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.oy-fleet-dot{width:10px;height:10px;border-radius:999px;background:var(--primary);animation:oy-fleet-dot .36s var(--oy-ease) both;animation-delay:calc(var(--i) * 26ms)}.oy-fleet-agents{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.oy-fleet-agent{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;animation:oy-fleet-row .5s var(--oy-ease) both;animation-delay:calc(.9s + var(--i) * 90ms)}.oy-fleet-status{width:8px;height:8px;border-radius:999px;background:var(--primary)}.oy-fleet-agent-name{color:var(--oy-text)}.oy-fleet-agent-task{grid-column:2/span 2;grid-row:2;color:var(--oy-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oy-fleet-agent-mem{color:var(--oy-text);font-variant-numeric:tabular-nums;text-align:right}.oy-fleet-agent-tools{grid-column:2/span 2;grid-row:3;color:var(--oy-faint);font-variant-numeric:tabular-nums}.oy-fleet-agent-tools:empty{display:none}.oy-fleet-actions{display:none;gap:8px}.oy-fleet-action{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--oy-line);border-radius:999px;font-size:.75rem;color:var(--oy-muted)}.oy-fleet-action svg{width:12px;height:12px}.oy-fleet-more{display:block;margin-top:12px;font-size:.75rem;color:var(--oy-faint)}.oy-fleet-placeholder{display:none;height:6px;border-radius:999px;border:1px dashed var(--oy-line)}.oy-fleet-machine[data-stage=next] .oy-fleet-name,.oy-fleet-machine[data-stage=planned] .oy-fleet-name{font-weight:400;color:var(--oy-muted)}.oy-fleet-machine[data-stage=planned] .oy-fleet-icon,.oy-fleet-machine[data-stage=planned] .oy-fleet-name{color:var(--oy-faint)}@keyframes oy-fleet-fill{0%{width:0}}@keyframes oy-fleet-dot{0%{opacity:.15;transform:scale(.6)}}@keyframes oy-fleet-row{0%{opacity:0;transform:translateY(4px)}}@media (min-width:768px){.oy-fleet-agent{grid-template-columns:8px minmax(96px,auto) minmax(0,1fr) auto auto auto;gap:8px}.oy-fleet-agent-task,.oy-fleet-agent-tools{grid-column:auto;grid-row:auto}.oy-fleet-actions{display:inline-flex;grid-column:-2/-1}.oy-fleet-memory{grid-column:auto;width:160px}.oy-fleet-memory-label{grid-column:auto}.oy-fleet-machine-row{grid-template-columns:auto minmax(0,1fr) auto auto auto}.oy-fleet-placeholder{display:block;width:160px}}@media (prefers-reduced-motion:reduce){.oy-fleet-agent,.oy-fleet-dot,.oy-fleet-memory-fill{animation:none}}.oy-timeline{list-style:none;margin:0;padding:0;display:grid;gap:28px}.oy-timeline-stop{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:start;align-content:start}.oy-timeline-stop:before{content:"";position:absolute;left:19px;top:40px;bottom:-28px;border-left:2px dashed var(--oy-line)}.oy-timeline-stop:last-child:before{display:none}.oy-timeline-stop[data-timeline-stage=now]:before{border-left-style:solid;border-left-color:var(--primary);transform:scaleY(0);transform-origin:top;transition:transform .7s var(--oy-ease)}[data-in-view] .oy-timeline-stop[data-timeline-stage=now]:before{transform:scaleY(1)}.oy-timeline-node{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--oy-line);background:var(--oy-ground);color:var(--oy-muted)}.oy-timeline-node svg{width:20px;height:20px}.oy-timeline-stop[data-timeline-stage=now] .oy-timeline-node{border-color:var(--primary);color:var(--primary)}.oy-timeline-stop[data-timeline-stage=planned] .oy-timeline-node{border-style:dashed}.oy-timeline-stop[data-timeline-stage=goal] .oy-timeline-node{border-color:var(--oy-text);color:var(--oy-text)}.oy-timeline-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.oy-timeline-title{margin:0;font-size:1.125rem;font-weight:500;line-height:1.25;color:var(--oy-text)}.oy-timeline-copy .oy-small{max-width:34ch}@media (min-width:1024px){.oy-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.oy-timeline-stop{grid-template-columns:minmax(0,1fr);gap:16px}.oy-timeline-stop:before{top:19px;left:48px;right:-24px;bottom:auto;border-left:0;border-top:2px dashed var(--oy-line)}.oy-timeline-stop[data-timeline-stage=now]:before{border-top-style:solid;border-top-color:var(--primary);transform:scaleX(0);transform-origin:left}[data-in-view] .oy-timeline-stop[data-timeline-stage=now]:before{transform:scaleX(1)}.oy-home .oy-home-free-heading{max-width:none;font-size:clamp(1.125rem,1.75vw,1.5rem)}}@media (prefers-reduced-motion:reduce){.oy-timeline-stop:before{transition:none}}.oy-home-photo{width:100%;min-width:0}.oy-home-photo--wide{max-width:960px}.oy-home-photo-frame{aspect-ratio:1672/941}.oy-home-photo-frame--3x2{aspect-ratio:3/2}.oy-home-hero-grid>.oy-fleet{grid-column:1/-1}