.apps-panel{--app: hsl(var(--accent));--app-ink: hsl(var(--accent));--apps-ease: var(--ease-out-expo);transition:border-color .4s,box-shadow .4s}.apps-panel[data-app=briefwell]{--app: #007aff;--app-ink: #0060df}.apps-panel[data-app=anvil]{--app: #ff9500;--app-ink: #a85000}.apps-panel[data-app=headwater]{--app: #386345;--app-ink: #386345}.dark .apps-panel[data-app=briefwell]{--app: #0a84ff;--app-ink: #6cb4ff}.dark .apps-panel[data-app=anvil]{--app: #ff9f0a;--app-ink: #ff9f0a}.dark .apps-panel[data-app=headwater]{--app: #8fd694;--app-ink: #8fd694}.apps-panel:hover,.apps-panel:focus-within{border-color:color-mix(in srgb,var(--app) 45%,transparent);box-shadow:0 30px 80px -40px color-mix(in srgb,var(--app) 55%,transparent)}.apps-ink{color:var(--app-ink)}.apps-dot{background:var(--app)}.apps-icon{filter:drop-shadow(0 8px 14px color-mix(in srgb,var(--app) 35%,transparent))}.apps-badge{color:var(--app-ink);background:color-mix(in srgb,var(--app) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app) 30%,transparent)}.apps-cta{transition:transform .3s var(--apps-ease),box-shadow .3s}.apps-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px -12px var(--app)}.apps-cta-arrow{transition:transform .3s var(--apps-ease)}.apps-cta:hover .apps-cta-arrow{transform:translate(2px,-2px)}.apps-stage{container-type:size;overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,color-mix(in srgb,var(--app) 22%,transparent),transparent 70%),color-mix(in srgb,var(--app) 7%,hsl(var(--card)))}.apps-stage:before{content:"";position:absolute;inset:-8%;background:radial-gradient(circle,color-mix(in srgb,var(--app) 55%,transparent) 1.2px,transparent 1.7px) 0 0 / 22px 22px;-webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent 100%);mask-image:radial-gradient(closest-side,#000 35%,transparent 100%);opacity:.55;pointer-events:none}.apps-stage:after{content:"";position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;margin:-35% 0 0 -35%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--app) 30%,transparent),transparent);transform:translate(calc(var(--px, 0) * 12%),calc(var(--py, 0) * 12%));transition:transform .6s var(--apps-ease);pointer-events:none}.apps-shapes{position:absolute;inset:0;pointer-events:none}.apps-shapes i{position:absolute;display:block}.apps-shapes i:nth-child(1){left:7%;top:12%;width:3.2rem;height:3.2rem;border-radius:50%;border:.5rem solid color-mix(in srgb,var(--app) 55%,transparent)}.apps-shapes i:nth-child(2){right:8%;bottom:13%;width:4.5rem;height:1.5rem;border-radius:99rem;background:color-mix(in srgb,var(--app) 38%,transparent);transform:rotate(-24deg)}.apps-shapes i:nth-child(3){right:14%;top:9%;width:1.5rem;height:1.5rem;border-radius:.4rem;background:hsl(var(--trail-apps) / .7);transform:rotate(18deg)}.apps-canvas{position:absolute;left:50%;top:50%;width:min(100cqw,133.333cqh);aspect-ratio:4 / 3;font-size:min(2.2cqw,2.9333cqh);line-height:1.35;transform:translate(-50%,-50%) perspective(60em) rotateX(calc(var(--py, 0) * -4deg)) rotateY(calc(var(--px, 0) * 5deg));transition:transform .25s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.apps-canvas img{display:block;max-width:none}.apps-fallback{position:absolute;inset:0;margin:auto;width:30%;height:auto}.apps-chip{position:absolute;display:inline-flex;align-items:center;gap:.5em;padding:.45em .9em;border-radius:99em;font-size:.8em;font-weight:600;white-space:nowrap;color:hsl(var(--foreground));background:hsl(var(--background) / .85);box-shadow:0 .6em 1.6em -.6em #00000059,inset 0 0 0 1px color-mix(in srgb,var(--app) 35%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.apps-label{font-size:.6em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--app-ink)}.apps-mac{--mac-bg: #fff;--mac-bar: #f5f5f7;--mac-ink: #1d1d1f;--mac-ink-2: #6e6e73;--mac-line: rgb(0 0 0 / .08);position:absolute;inset:13% 7%;display:flex;flex-direction:column;overflow:hidden;border-radius:.9em;color:var(--mac-ink);background:var(--mac-bg);box-shadow:0 0 0 1px var(--mac-line),0 2.2em 4em -1.6em color-mix(in srgb,var(--app) 60%,rgb(0 0 0 / .5))}.dark .apps-mac{--mac-bg: #1f1f22;--mac-bar: #2a2a2e;--mac-ink: #f5f5f7;--mac-ink-2: #a1a1a6;--mac-line: rgb(255 255 255 / .1)}.apps-mac-bar{display:flex;align-items:center;justify-content:space-between;height:2.5em;padding:0 .9em;background:var(--mac-bar);border-bottom:1px solid var(--mac-line)}.apps-mac-lights{display:flex;gap:.4em;width:5em}.apps-mac-lights i{width:.7em;height:.7em;border-radius:50%;background:#ff5f57}.apps-mac-lights i:nth-child(2){background:#febc2e}.apps-mac-lights i:nth-child(3){background:#28c840}.apps-mac-title{display:flex;align-items:center;gap:.5em;font-size:.8em;font-weight:600}.apps-mac-title img{width:1.5em;height:1.5em}.apps-mac-rec{display:flex;align-items:center;justify-content:flex-end;gap:.45em;width:6.25em;font-size:.8em;font-variant-numeric:tabular-nums;color:var(--mac-ink-2)}.apps-mac-rec i{width:.6em;height:.6em;border-radius:50%;background:#ff3b30}.apps-mac-body{display:grid;grid-template-columns:40% 60%;flex:1;min-height:0}.apps-mac-audio,.apps-mac-doc{display:flex;flex-direction:column;padding:1.2em 1.3em;min-width:0}.apps-mac-audio{border-right:1px solid var(--mac-line);background:color-mix(in srgb,var(--app) 5%,transparent)}.apps-wave{position:relative;display:flex;align-items:center;gap:.2em;height:7em;margin:.8em 0 1.2em}.apps-wave i{flex:1;height:30%;border-radius:99em;background:var(--app);transform-origin:center}.apps-wave i:nth-child(3n){height:62%}.apps-wave i:nth-child(4n+1){height:44%}.apps-wave i:nth-child(5n+2){height:86%}.apps-wave i:nth-child(7n+3){height:22%}.apps-wave i:nth-child(11n+5){height:100%}.apps-wave-head{position:absolute;top:-6%;bottom:-6%;left:0;width:100%;border-right:.12em solid var(--mac-ink);opacity:.55;pointer-events:none}.apps-speakers{display:grid;gap:.7em;font-size:.72em;color:var(--mac-ink-2)}.apps-speakers li{display:flex;align-items:center;gap:.6em}.apps-speakers i{width:.9em;height:.9em;border-radius:50%;background:#e8590c}.apps-speakers b{flex:1;height:.4em;border-radius:99em;background:currentColor;opacity:.25}.apps-speakers li:nth-child(2) i{background:#2b9a48}.apps-speakers li:nth-child(2) b{flex:.55}.apps-speakers li:nth-child(3) i{background:var(--app)}.apps-speakers li:nth-child(3) b{flex:.75}.apps-mac-doc strong{margin:.35em 0 .2em;font-size:1.15em;letter-spacing:-.01em}.apps-type{display:flex;align-items:center;gap:.55em;font-size:.74em;color:var(--mac-ink-2);white-space:nowrap;margin-top:.5em}.apps-type-h{margin-top:1.1em;font-weight:700;color:var(--mac-ink)}.apps-type svg{flex:none;width:1.25em;height:1.25em;padding:.12em;border-radius:.3em;background:var(--app);fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.apps-type svg path{stroke-dasharray:1}.apps-duo{position:absolute;left:6%;top:12%;width:80%;aspect-ratio:1200 / 860;filter:drop-shadow(0 2em 2.4em rgb(0 0 0 / .35))}.apps-duo-half{--fold: 7deg;position:absolute;top:0;width:50%;height:100%;overflow:hidden;transition:transform .7s var(--apps-ease),opacity .5s,filter .7s}.apps-duo-half img{position:absolute;top:0;width:200%;height:100%}.apps-duo-left{left:0;transform-origin:100% 50%;transform:perspective(60em) rotateY(var(--fold))}.apps-duo-left img{left:0}.apps-duo-right{left:50%;transform-origin:0 50%;transform:perspective(60em) rotateY(calc(var(--fold) * -1));filter:brightness(1.08)}.apps-duo-right img{left:-100%}.apps-duo-crease{position:absolute;left:calc(50% - .08em);top:3%;bottom:3%;width:.16em;border-radius:99em;background:linear-gradient(transparent,var(--app) 30%,#fff 50%,var(--app) 70%,transparent);opacity:.7;transition:opacity .6s .5s}.apps-panel:hover .apps-duo-half{--fold: 20deg}.apps-anvil-phone{position:absolute;right:5%;bottom:5%;width:19%;height:auto;transform:rotate(5deg);filter:drop-shadow(0 1.4em 1.6em rgb(0 0 0 / .4));transition:transform .9s var(--apps-ease) .35s,opacity .6s .35s}.apps-anvil-chip{left:9%;bottom:9%;font-family:ui-monospace,SF Mono,Menlo,monospace;transition:transform .8s var(--apps-ease) .55s,opacity .6s .55s}.apps-anvil-chip b{color:#1f9d4d}.apps-anvil-chip s{color:#e5484d;text-decoration:none}.apps-embers{position:absolute;inset:0}.apps-embers i{position:absolute;bottom:12%;left:12%;width:.45em;height:.45em;border-radius:50%;background:var(--app);box-shadow:0 0 .9em .15em var(--app);opacity:0}.apps-embers i:nth-child(2){left:27%;animation-delay:-1.3s}.apps-embers i:nth-child(3){left:44%;animation-delay:-3.1s}.apps-embers i:nth-child(4){left:58%;animation-delay:-.6s}.apps-embers i:nth-child(5){left:71%;animation-delay:-2.2s}.apps-embers i:nth-child(6){left:84%;animation-delay:-4s}.apps-embers i:nth-child(7){left:93%;animation-delay:-1.9s}.apps-phone{position:absolute;width:27%;aspect-ratio:480 / 1044;overflow:hidden;border-radius:2.6em;border:.4em solid #0b1118;background:#0b1118;box-shadow:0 0 0 1px #ffffff1f,0 2.2em 3em -1.2em #0000008c;transition:transform .9s var(--apps-ease),opacity .6s}.apps-phone img{width:100%;height:100%}.apps-hw-map{left:27%;top:9%;transform:rotate(-5deg)}.apps-hw-session{left:52%;top:15%;transform:rotate(6deg);transition-delay:.15s}.apps-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.apps-route path{fill:none;stroke:#b8f5bd;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;filter:drop-shadow(0 0 10px #8fd694)}.apps-route-boat{fill:#fff;stroke:#386345;stroke-width:8;offset-path:path("M712 130C690 200 668 250 640 300C600 380 520 560 480 660C440 750 380 830 300 880C240 915 200 930 205 990C212 1070 232 1150 250 1215C262 1262 262 1290 225 1320C170 1362 120 1410 128 1470C136 1530 150 1575 205 1610C250 1640 310 1650 300 1625C285 1590 215 1560 196 1492");offset-distance:100%}.apps-watch{position:absolute;left:9%;bottom:12%;width:15%;aspect-ratio:5 / 6;padding:.35em;border-radius:2em;background:#0b1118;box-shadow:0 0 0 1px #ffffff24,0 1.6em 2.2em -1em #0000008c;transition:transform .9s var(--apps-ease) .3s,opacity .6s .3s}.apps-watch:before,.apps-watch:after{content:"";position:absolute;left:14%;right:14%;height:26%;z-index:-1;background:color-mix(in srgb,#8fd694 55%,#0b1118)}.apps-watch:before{bottom:96%;border-radius:.8em .8em 0 0}.apps-watch:after{top:96%;border-radius:0 0 .8em .8em}.apps-watch span{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding:0 .55em;border-radius:1.7em;background:#0d1721;color:#8fd694;font-size:1.7em;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.apps-watch small{font-size:.36em;font-weight:600;color:#a8afb5;text-transform:uppercase;letter-spacing:.08em}.apps-hw-chip{right:6%;top:10%;transition:transform .8s var(--apps-ease) .5s,opacity .6s .5s}.apps-hw-chip i{width:.6em;height:.6em;border-radius:50%;background:var(--app)}.apps-rise{transition:transform .8s var(--apps-ease),opacity .6s}.apps-rise:nth-child(2){transition-delay:.06s}.apps-rise:nth-child(3){transition-delay:.12s}.apps-rise:nth-child(4){transition-delay:.18s}.apps-rise:nth-child(5){transition-delay:.24s}.apps-rise:nth-child(6){transition-delay:.3s}html.motion .apps-panel[data-revealed] .apps-cta{transition-delay:0s}.apps-mac{transition:transform .9s var(--apps-ease),opacity .6s}html.motion .apps-panel:not([data-revealed]) .apps-rise{opacity:0;transform:translateY(1.25rem)}html.motion .apps-panel:not([data-revealed]) .apps-mac{opacity:0;transform:translateY(2em) scale(.96)}html.motion .apps-panel:not([data-revealed]) .apps-duo-half{--fold: 78deg;opacity:0}html.motion .apps-panel:not([data-revealed]) .apps-duo-crease{opacity:0}html.motion .apps-panel:not([data-revealed]) .apps-anvil-phone{opacity:0;transform:translateY(3em) rotate(12deg)}html.motion .apps-panel:not([data-revealed]) .apps-chip,html.motion .apps-panel:not([data-revealed]) .apps-watch{opacity:0;transform:translateY(1.5em)}html.motion .apps-panel:not([data-revealed]) .apps-hw-map{opacity:0;transform:translateY(4em) rotate(-12deg)}html.motion .apps-panel:not([data-revealed]) .apps-hw-session{opacity:0;transform:translateY(5em) rotate(14deg)}html.motion .apps-panel[data-revealed] .apps-stage:before{animation:apps-drift 26s ease-in-out infinite alternate}html.motion .apps-panel[data-revealed] .apps-shapes i{animation:apps-bob 7s ease-in-out infinite alternate}html.motion .apps-panel[data-revealed] .apps-shapes i:nth-child(2){animation-name:apps-bob-b;animation-duration:9s}html.motion .apps-panel[data-revealed] .apps-shapes i:nth-child(3){animation-name:apps-bob-c;animation-duration:5.5s}html.motion .apps-panel[data-revealed] .apps-wave i{animation:apps-bar 1.1s ease-in-out infinite alternate}html.motion .apps-panel[data-revealed] .apps-wave i:nth-child(2n){animation-duration:.8s}html.motion .apps-panel[data-revealed] .apps-wave i:nth-child(3n){animation-duration:1.4s;animation-delay:-.5s}html.motion .apps-panel[data-revealed] .apps-wave i:nth-child(5n){animation-duration:.95s;animation-delay:-.2s}html.motion .apps-panel[data-revealed] .apps-wave-head{animation:apps-head 11s linear infinite}html.motion .apps-panel[data-revealed] .apps-mac-rec i{animation:apps-blink 1.2s steps(2,jump-none) infinite}html.motion .apps-panel[data-revealed] .apps-type{animation:apps-type 11s both infinite;animation-delay:calc(var(--d) * .55s + .6s)}html.motion .apps-panel[data-revealed] .apps-type svg path{animation:apps-check 11s both infinite;animation-delay:inherit}html.motion .apps-panel[data-revealed] .apps-embers i{animation-name:apps-ember;animation-duration:4.6s;animation-timing-function:ease-in;animation-iteration-count:infinite}html.motion .apps-panel[data-revealed] .apps-route path{animation:apps-route 9s var(--apps-ease) .6s both infinite}html.motion .apps-panel[data-revealed] .apps-route-boat{animation:apps-boat 9s var(--apps-ease) .6s both infinite}.apps-live:not([data-active]) *{animation-play-state:paused!important}.apps-d1{--d: 0}.apps-d2{--d: 1}.apps-d3{--d: 2}.apps-d4{--d: 3}.apps-d5{--d: 4}.apps-d6{--d: 5}.apps-d7{--d: 6}@keyframes apps-drift{to{transform:translate(-22px,22px)}}@keyframes apps-bob{to{transform:translateY(-.9rem) rotate(40deg)}}@keyframes apps-bob-b{0%{transform:rotate(-24deg)}to{transform:translate(-.6rem,-.8rem) rotate(-10deg)}}@keyframes apps-bob-c{0%{transform:rotate(18deg)}to{transform:translateY(.8rem) rotate(108deg)}}@keyframes apps-bar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes apps-head{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes apps-blink{to{opacity:.2}}@keyframes apps-type{0%{clip-path:inset(0 100% 0 0);opacity:1}9%,82%{clip-path:inset(0 0 0 0);opacity:1}88%,to{clip-path:inset(0 0 0 0);opacity:0}}@keyframes apps-check{0%,9%{stroke-dashoffset:1}14%,to{stroke-dashoffset:0}}@keyframes apps-ember{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:.9}to{transform:translate(1.5em,-22em) scale(.2);opacity:0}}@keyframes apps-route{0%{stroke-dashoffset:1;opacity:1}55%,88%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes apps-boat{0%{offset-distance:0%;opacity:1}55%,88%{offset-distance:100%;opacity:1}96%,to{offset-distance:100%;opacity:0}}@media(prefers-reduced-motion:reduce){.apps-panel *,.apps-panel{animation:none!important;transition:none!important}.apps-canvas{transform:translate(-50%,-50%)}}.apps-trail>li{position:relative}.apps-trail>li+li:before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:3rem;margin-left:-1px;background:repeating-linear-gradient(to bottom,hsl(var(--trail-apps)) 0 6px,transparent 6px 12px);opacity:.7;pointer-events:none}
