.hero-loop-frame{margin:var(--cylo-space-4);border-radius:40px;overflow:hidden}.hero-loop-section{background:var(--cylo-background);color:var(--cylo-foreground);border-radius:40px;margin:0;position:relative;overflow:hidden}.hero-loop-layout{align-items:center;gap:var(--cylo-space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1280px;margin:0 auto;padding:64px 32px;display:grid;position:relative}.hero-loop-copy{flex-direction:column;gap:28px;min-width:0;display:flex}.hero-loop-eyebrow,.hero-loop-meta{font-family:var(--cylo-font-mono);font-size:var(--cylo-text-label);text-transform:uppercase;color:var(--cylo-muted);letter-spacing:0}.hero-loop-eyebrow{gap:var(--cylo-space-3);align-items:center;display:flex}.hero-loop-eyebrow:after{content:"";background:var(--cylo-border);flex:1;height:1px}.hero-loop-title{font-size:var(--cylo-text-display);line-height:var(--cylo-leading-tight);letter-spacing:0;margin:0;font-weight:700}.hero-loop-title span{color:var(--cylo-muted)}.hero-loop-description{max-width:34rem;font-size:18px;line-height:var(--cylo-leading-body);color:var(--cylo-muted);margin:0}.hero-loop-actions,.hero-loop-services{gap:var(--cylo-space-3);flex-wrap:wrap;display:flex}.hero-loop-cta{justify-content:center;align-items:center;gap:var(--cylo-space-2);min-height:var(--cylo-space-12);padding:0 var(--cylo-space-5);background:var(--cylo-primary);color:var(--cylo-primary-foreground);border-style:solid;border-width:1px;border-color:var(--cylo-primary);border-radius:999px;font-size:14px;font-weight:600;display:inline-flex}.hero-loop-cta-secondary{background:var(--cylo-surface);color:var(--cylo-foreground);border-color:var(--cylo-border)}.hero-loop-cta:hover{background:var(--cylo-interactive-hover)}.hero-loop-cta-secondary:hover{background:var(--cylo-surface-strong)}.hero-loop-cta:focus-visible{outline-width:var(--cylo-space-1);outline-style:solid;outline-color:var(--cylo-focus);outline-offset:var(--cylo-space-1)}.hero-loop-cta svg{width:var(--cylo-space-4);height:var(--cylo-space-4)}.hero-loop-services{gap:var(--cylo-space-2)}.hero-loop-services a{border-style:solid;border-width:1px;border-color:var(--cylo-border);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .2s,background-color .2s}.hero-loop-services a:hover{border-color:var(--cylo-foreground);background:var(--cylo-surface)}.hero-loop-services a:focus-visible{outline-color:var(--cylo-focus);outline-style:solid;outline-width:var(--cylo-space-1);outline-offset:var(--cylo-space-1)}.hero-loop-overlap{margin:var(--cylo-space-2) 0 0;line-height:var(--cylo-leading-body)}.hero-loop-tool{min-width:0;position:relative}.hero-loop-tool .hero-loop-card{box-shadow:var(--cylo-shadow-md);border-radius:32px;padding:0;overflow:hidden}.hero-loop-tool-header{justify-content:space-between;align-items:center;gap:var(--cylo-space-3);padding:var(--cylo-space-3) var(--cylo-space-5);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cylo-border);display:flex}.hero-loop-status{align-items:center;gap:var(--cylo-space-2);color:var(--cylo-foreground);display:flex}.hero-loop-dot{background:var(--cylo-foreground);border-radius:999px;width:6px;height:6px}.hero-loop-progress{background:var(--cylo-border);height:1px}.hero-loop-progress span{background:var(--cylo-foreground);transform-origin:0;height:100%;animation:4.8s linear infinite hero-loop-progress;display:block}.hero-loop-diagram{aspect-ratio:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;width:300px;max-width:100%;margin:28px auto 20px;display:grid;position:relative}.hero-loop-ring,.hero-loop-orbit{border-radius:999px;position:absolute;inset:50px}.hero-loop-ring{border-style:dashed;border-width:1px;border-color:var(--cylo-border)}.hero-loop-orbit{animation:4.8s linear infinite hero-loop-orbit}.hero-loop-orbit:before{content:"";background:var(--cylo-foreground);border-radius:999px;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%}.hero-loop-node{z-index:1;border-style:solid;border-width:1px;border-color:var(--cylo-border);font-family:var(--cylo-font-mono);text-transform:uppercase;background:var(--cylo-background);color:var(--cylo-muted);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:11px;transition:background-color .4s,color .4s,border-color .4s;position:relative}.hero-loop-node[data-position="0"]{grid-area:1/2}.hero-loop-node[data-position="1"]{grid-area:2/3}.hero-loop-node[data-position="2"]{grid-area:3/2}.hero-loop-node[data-position="3"]{grid-area:2/1}.hero-loop-node[data-state=done]{background:var(--cylo-surface);border-color:var(--cylo-foreground);color:var(--cylo-foreground)}.hero-loop-node[data-state=active]{background:var(--cylo-primary);color:var(--cylo-primary-foreground);border-color:var(--cylo-primary)}.hero-loop-iteration{gap:var(--cylo-space-1);flex-direction:column;grid-area:2/2;align-items:center;display:flex;position:relative}.hero-loop-iteration strong{font-size:48px;line-height:var(--cylo-leading-tight);font-variant-numeric:tabular-nums}.hero-loop-tool-bottom{padding:0 var(--cylo-space-5) var(--cylo-space-5);gap:var(--cylo-space-4);flex-direction:column;display:flex}.hero-loop-terminal{background:var(--cylo-ink);border-style:solid;border-width:1px;border-color:var(--cylo-charcoal);border-radius:20px;overflow:hidden}.hero-loop-terminal-title{align-items:center;gap:var(--cylo-space-2);padding:var(--cylo-space-3) var(--cylo-space-4);color:var(--cylo-ash);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cylo-charcoal);display:flex}.hero-loop-terminal pre{padding:var(--cylo-space-4);white-space:pre-wrap;overflow-wrap:anywhere;height:240px;font-family:var(--cylo-font-mono);color:var(--cylo-white);margin:0;font-size:11px;line-height:1.7;overflow:hidden}.hero-loop-tool-footer{justify-content:space-between;align-items:center;gap:var(--cylo-space-3);flex-wrap:wrap;display:flex}.hero-loop-sticker{padding:var(--cylo-space-3) var(--cylo-space-4);background:var(--cylo-primary);color:var(--cylo-primary-foreground);border-radius:var(--cylo-radius-sm);font-family:var(--cylo-font-mono);font-size:var(--cylo-text-label);text-transform:uppercase;box-shadow:var(--cylo-shadow-md);position:absolute;top:-28px;right:-12px;transform:rotate(6deg)}.hero-loop-tool[data-playing=false] .hero-loop-orbit,.hero-loop-tool[data-playing=false] .hero-loop-progress span{animation-play-state:paused}@keyframes hero-loop-orbit{to{transform:rotate(360deg)}}@keyframes hero-loop-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:900px){.hero-loop-layout{padding:var(--cylo-space-16) var(--cylo-space-6);gap:var(--cylo-space-12);grid-template-columns:minmax(0,1fr)}.hero-loop-title{font-size:var(--cylo-text-h1)}.hero-loop-tool{justify-self:center;width:100%;max-width:560px}.hero-loop-section,.hero-loop-frame{border-radius:28px}}@media(prefers-reduced-motion:reduce){.hero-loop-section *,.hero-loop-section :before{transition:none;animation:none}}.selected-work{background:var(--cylo-background);color:var(--cylo-foreground)}.selected-work-inner{max-width:1280px;padding-block:var(--cylo-space-16);padding-inline:var(--cylo-space-5);gap:var(--cylo-space-5);flex-direction:column;margin-inline:auto;display:flex}@media(min-width:768px){.selected-work-inner{padding-inline:var(--cylo-space-8)}}.selected-work-header{gap:var(--cylo-space-3);margin-bottom:var(--cylo-space-3);flex-direction:column;display:flex}.selected-work-title{font-size:var(--cylo-text-h1);line-height:var(--cylo-leading-tight);letter-spacing:0;margin:0;font-weight:700}.selected-work-desc{max-width:560px;font-size:var(--cylo-text-body);line-height:var(--cylo-leading-body);color:var(--cylo-muted);margin:0}.selected-work-card{gap:var(--cylo-space-8);padding:var(--cylo-space-5);border-radius:var(--cylo-radius-lg);background:var(--cylo-surface);flex-wrap:wrap;align-items:center;display:flex}@media(min-width:768px){.selected-work-card{padding:var(--cylo-space-8)}}.selected-work-media{flex:999 560px;min-width:0;position:relative}.selected-work-frame{border-radius:var(--cylo-radius-md);border:1px solid var(--cylo-border);background:var(--cylo-background);overflow:hidden}.selected-work-frame-bar{align-items:center;gap:var(--cylo-space-2);padding-block:var(--cylo-space-2);padding-inline:var(--cylo-space-3);border-bottom:1px solid var(--cylo-border);display:flex}.selected-work-frame-dot{width:var(--cylo-space-2);height:var(--cylo-space-2);background:var(--cylo-border);border-radius:999px}.selected-work-frame-url{margin-left:var(--cylo-space-2);font-family:var(--cylo-font-mono);font-size:var(--cylo-text-label);text-transform:uppercase;letter-spacing:0;color:var(--cylo-muted)}.selected-work-frame img{width:100%;height:auto;display:block}.selected-work-body{gap:var(--cylo-space-4);flex-direction:column;flex:320px;min-width:0;display:flex}.selected-work-card-title{font-size:var(--cylo-text-h1);line-height:var(--cylo-leading-tight);margin:0;font-weight:700}.selected-work-card-text{font-size:var(--cylo-text-body);line-height:var(--cylo-leading-body);color:var(--cylo-muted);margin:0}.selected-work-link{align-self:flex-start;align-items:center;gap:var(--cylo-space-2);padding-block:var(--cylo-space-3);padding-inline:var(--cylo-space-4);border:1px solid var(--cylo-foreground);font-size:var(--cylo-text-label);color:var(--cylo-foreground);border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.selected-work-link:hover{background:var(--cylo-surface-strong);transform:translateY(-2px)}.selected-work-link .arrow{font-family:var(--cylo-font-mono)}.selected-work-all{justify-content:center;display:flex}.selected-work-all .selected-work-link{border-color:var(--cylo-foreground);font-size:var(--cylo-text-h2);line-height:var(--cylo-leading-tight);padding-block:var(--cylo-space-5);padding-inline:var(--cylo-space-8);gap:var(--cylo-space-3)}.selected-work-all .selected-work-link .arrow{font-size:var(--cylo-text-h2)}@media(prefers-reduced-motion:reduce){.selected-work-link{transition:none}}