.service-explorers{gap:clamp(4rem,8vw,8rem);display:grid}.service-explorer{min-width:0;scroll-margin-top:6rem}.service-explorer__heading{max-width:44rem}.service-explorer h2,.work-process h2,.service-contact h2{font-size:var(--type-section);letter-spacing:-.035em;margin:1rem 0;font-weight:750;line-height:1.1}.service-explorer__heading>p:last-child,.work-process__intro>p:not(.section-kicker),.service-contact p:not(.section-kicker){color:var(--muted);line-height:1.75}.service-explorer__options{gap:.5rem;margin-block:1.5rem;display:grid}.service-explorer__options button{border:1px solid var(--line);text-align:left;background:var(--surface);min-height:3.5rem;color:var(--foreground);cursor:pointer;font:inherit;align-items:center;gap:.8rem;padding:.85rem 1rem;font-size:.9rem;transition:background .22s,border-color .22s,color .22s;display:flex}.service-explorer__options button>span:first-child{color:var(--muted);font-family:monospace;font-size:.7rem}.service-explorer__options button>span:last-child{margin-left:auto;transition:transform .22s}.service-explorer__options button[aria-pressed=true]{border-color:var(--signal-soft);background:#271311}.service-explorer__options button[aria-pressed=true]>span{color:var(--signal-soft)}.service-explorer__options button[aria-pressed=true]>span:last-child{transform:rotate(45deg)}.service-explorer__panel{border:1px solid var(--line);background:var(--surface);display:grid}.service-explorer__copy{padding:clamp(1.25rem,3vw,2.5rem);animation:.36s both service-switch}.service-explorer__label{color:var(--signal-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.7rem}.service-explorer h3{font-size:var(--type-card);letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.2}.service-explorer__copy>p:not(:first-child),.service-explorer__delivery p{color:var(--muted);font-size:.95rem;line-height:1.75}.service-explorer__copy>h3+p{margin-top:1rem}.service-explorer__delivery{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem}.service-explorer__delivery>span{font-size:.75rem;font-weight:700}.service-explorer__delivery p{margin-bottom:0}.service-preview{isolation:isolate;border-top:1px solid var(--line);background:radial-gradient(at 80%,#632320 0,#0000 65%),#160e10;flex-direction:column;min-width:0;min-height:23rem;padding:1rem;display:flex;position:relative;overflow:hidden}.service-preview:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:2rem 2rem;position:absolute;inset:0}.service-preview__bar{letter-spacing:.1em;color:#d5b6b2;align-items:center;gap:.3rem;font:.55rem monospace;display:flex}.service-preview__bar i{background:#ff675f;border-radius:50%;width:.35rem;height:.35rem}.service-preview__bar>span{margin-left:auto}.service-preview__browser{background:#151316;border:1px solid #ffffff40;width:100%;max-width:27rem;margin:1.75rem auto;animation:.42s both service-switch;box-shadow:.75rem .75rem #0003}.service-preview[data-variant="2"] .service-preview__browser{border-radius:1.25rem;max-width:12.5rem;overflow:hidden}.service-preview__navigation{border-bottom:1px solid var(--line);justify-content:space-between;padding:.75rem;font-size:.65rem;display:flex}.service-preview__canvas{isolation:isolate;padding:1.5rem 1rem;position:relative;overflow:hidden}.service-preview__canvas strong{letter-spacing:-.04em;max-width:12ch;font-size:1.6rem;line-height:1.1;display:block}.service-preview__canvas p{color:#c7b9ba;max-width:24ch;font-size:.7rem;line-height:1.5}.service-preview__action{color:#170504;background:var(--signal-soft);padding:.55rem .65rem;font-size:.65rem;display:inline-block}.service-preview__orb{z-index:-1;background:radial-gradient(circle at 25% 25%,#ff675f70,#ff675f08 70%);border:1px solid #ff675f60;border-radius:50%;width:9rem;height:9rem;position:absolute;top:1rem;right:-2rem;box-shadow:0 0 0 1rem #ff675f08}.service-preview__blocks{gap:.5rem;padding:0 .75rem .75rem;display:flex}.service-preview__blocks i{border:1px solid var(--line);background:#ffffff05;flex:1;height:1.5rem}.service-preview__caption{color:#d5b6b2;margin-top:auto;font:.6rem/1.6 monospace}.service-preview__flow{gap:1.5rem;width:min(100%,20rem);margin:auto;padding-block:2rem;animation:.42s both service-switch;display:grid;position:relative}.service-preview__flow:before{content:"";background:var(--signal-soft);width:1px;position:absolute;top:3rem;bottom:3rem;left:1.5rem}.service-preview__flow>div{background:#151316;border:1px solid #ffffff35;align-items:center;gap:1rem;padding:1rem;display:flex;position:relative}.service-preview__flow>div>span{color:var(--signal-soft);font:.65rem monospace}.service-preview__flow strong{font-size:.95rem;font-weight:600}.service-preview__pulse{background:var(--signal-soft);width:.4rem;height:.4rem;box-shadow:0 0 1rem var(--signal);border-radius:50%;animation:4s ease-in-out infinite flow-signal;position:absolute;top:4rem;left:1.3rem}.work-process{gap:2rem;margin-top:clamp(5rem,10vw,9rem);display:grid}.work-process h2 span{color:var(--signal-soft)}.work-process__hint{font-size:.8rem}.work-process__steps{align-content:start;gap:.75rem;display:grid;position:relative}.process-step{border:1px solid var(--line);background:var(--surface);transition:border-color .25s;position:relative}.process-step[open]{border-color:#ff675f80}.process-step summary{cursor:pointer;align-items:flex-start;gap:.8rem;padding:1.25rem;list-style:none;display:flex}.process-step summary::-webkit-details-marker{display:none}.process-step__number{color:var(--signal-soft);padding-top:.2rem;font:.7rem monospace}.process-step summary strong{letter-spacing:-.025em;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.3;display:block}.process-step summary>span:nth-child(2)>span{color:var(--muted);margin-top:.6rem;font-size:.85rem;line-height:1.6;display:block}.process-step__toggle{color:var(--signal-soft);margin-left:auto;font-size:1.4rem;transition:transform .25s}.process-step[open] .process-step__toggle{transform:rotate(45deg)}.process-step__body{padding:0 1.25rem 1.25rem;animation:.35s both service-switch}.process-step__body>p,.process-step li{color:var(--muted);font-size:.9rem;line-height:1.75}.process-step ul{padding-left:1rem;list-style:outside}.process-step li{padding:.25rem 0}.process-step li::marker{color:var(--signal-soft)}.process-step__outcome{border-left:2px solid var(--signal-soft);background:#ff675f08;margin:1.5rem 0 0;padding:1rem}.process-step__outcome>span{color:var(--foreground);margin-bottom:.4rem;font-size:.7rem;font-weight:700;display:block}.service-contact{border-top:1px solid var(--line);align-items:center;gap:1.5rem;margin-top:4rem;padding-top:3rem;display:grid}.service-contact h2{font-size:var(--type-card)}.service-contact .button-link{width:fit-content;max-width:100%}@keyframes service-switch{0%{opacity:.5;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@keyframes flow-signal{0%,to{opacity:0;transform:translateY(0)}15%,85%{opacity:1}90%{opacity:0;transform:translateY(12rem)}}@media (min-width:640px){.service-explorer__options{grid-template-columns:repeat(3,minmax(0,1fr))}.service-explorer__options button{gap:.5rem;padding-inline:.75rem;font-size:.8rem}}@media (min-width:960px){.service-explorer__panel{grid-template-columns:1fr 1fr;min-height:29rem}.service-preview{border-top:0;border-left:1px solid var(--line);padding:1.5rem}.service-explorer__copy{align-self:center}.work-process{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:4rem}.work-process__intro{position:sticky;top:8rem}.process-step__body{padding-inline:3.25rem 1.5rem}.service-contact{grid-template-columns:1fr auto;gap:3rem}}@supports (animation-timeline:view()){.service-preview__orb{animation:linear both preview-orbit;animation-timeline:view();animation-range:entry exit}.work-process__steps:before{background:var(--signal-soft);content:"";transform-origin:top;width:2px;animation:linear both process-line;animation-timeline:view();animation-range:entry 10% exit 70%;position:absolute;top:0;bottom:0;left:-.5rem}}@keyframes preview-orbit{0%{transform:translateY(-1rem)scale(.7)}to{transform:translateY(4rem)scale(1.4)}}@keyframes process-line{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.service-explorer *,.service-explorer :before,.work-process *,.work-process :before{transition:none!important;animation:none!important}.service-preview__pulse{display:none}}
