.floating-device{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0}.product-device-shell{position:relative;width:100%;max-width:740px;filter:drop-shadow(0 20px 24px #00000016)}.floating-device-frame{position:relative;width:100%;padding:7px;border:1px solid #B6B6B3;border-radius:12px;background:#e8e8e5;box-shadow:inset 0 0 0 1px #f9f9f7;overflow:hidden}.floating-device-chrome{display:flex;align-items:center;justify-content:space-between;height:26px;gap:10px;padding:0 10px 5px;color:#666662}.floating-device-chrome>span:first-child{display:flex;gap:4px;width:33px}.floating-device-chrome i{width:5px;height:5px;border-radius:50%;background:#b3b3ae}.floating-device-chrome i:first-child{background:#ec776f}.floating-device-chrome i:nth-child(2){background:#e3be66}.floating-device-chrome i:nth-child(3){background:#81ab80}.floating-device-chrome small{font:9px/1 var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;opacity:.9}.device-camera{width:4px;height:4px;border-radius:50%;background:#93958e;margin-left:20px;margin-right:11px}.floating-device-screen{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid #CCCCCA;border-radius:5px;background:var(--paper)}.floating-device-laptop .floating-device-frame{border-radius:11px 11px 3px 3px}.floating-device-laptop .product-device-shell{width:93%;margin-bottom:23px}.device-laptop-base{position:absolute;width:110%;height:auto;left:-5%;top:calc(100% - 1px);filter:drop-shadow(0 6px 6px #00000012)}.floating-device-desktop .product-device-shell{margin-bottom:46px}.floating-device-desktop .floating-device-frame{padding-bottom:14px}.device-monitor-stand{position:absolute;width:28%;height:auto;left:36%;top:calc(100% - 2px);z-index:-1}.floating-device-tablet .product-device-shell{width:92%}.floating-device-tablet .floating-device-frame{border-radius:21px;padding:10px;background:#dfdfdb}.floating-device-tablet .floating-device-chrome{height:15px;padding:0 5px 7px}.floating-device-tablet .floating-device-chrome>span:first-child{visibility:hidden}.floating-device-tablet .floating-device-screen{aspect-ratio:3/2;border-radius:10px}.floating-device-phone .product-device-shell{width:260px;max-width:70%;margin:0}.floating-device-phone .floating-device-frame{padding:7px;border-radius:35px;background:#dfdfdb;box-shadow:inset 0 0 0 1px #f8f8f5,0 0 0 1px #b9b9b4}.floating-device-phone .floating-device-screen{aspect-ratio:9/19.5;border-radius:27px;border-color:#c8c8c4}.device-island{position:absolute;top:15px;left:50%;transform:translate(-50%);width:64px;height:16px;border-radius:20px;background:#181918;pointer-events:none}.device-home-indicator{position:absolute;bottom:14px;left:50%;width:72px;height:3px;transform:translate(-50%);border-radius:5px;background:#30312f;opacity:.55;pointer-events:none}.floating-device .orbit-journey-compact{padding:clamp(20px,3vw,38px);height:100%;display:flex;flex-direction:column;justify-content:center}.floating-device .orbit-journey-compact h3{font-size:clamp(25px,3vw,43px);margin-bottom:22px}.floating-device .orbit-journey-compact .orbit-proof-label{font-size:10px;margin-bottom:14px}.floating-device .orbit-journey-compact .orbit-flow{gap:18px 22px;margin:0}.floating-device .orbit-journey-compact .orbit-flow p{display:none}.floating-device .orbit-journey-compact .orbit-flow strong{font-size:clamp(12px,1.2vw,17px)}.floating-device .orbit-journey-compact .orbit-flow span{font-size:10px;margin-bottom:6px}.project-modal-content .floating-device{padding:22px 0 55px}.project-modal-content .floating-device-phone .product-device-shell{max-width:80%}@media(max-width:800px){.floating-device-chrome{height:20px;padding-inline:5px}.floating-device-chrome small{font-size:7px}.floating-device-frame{padding:5px;border-radius:9px}.floating-device-laptop .product-device-shell{width:96%;margin-bottom:16px}.floating-device-desktop .product-device-shell{margin-bottom:32px}.floating-device-tablet .product-device-shell{width:100%}.floating-device-tablet .floating-device-frame{padding:7px;border-radius:15px}.floating-device-tablet .floating-device-screen{border-radius:8px}.floating-device-phone .product-device-shell{width:220px;max-width:75%}.floating-device-phone .floating-device-frame{border-radius:31px;padding:6px}.floating-device-phone .floating-device-screen{border-radius:24px}.device-island{top:13px;width:55px;height:14px}.device-home-indicator{bottom:12px;width:60px}.floating-device .orbit-journey-compact{padding:18px}.floating-device .orbit-journey-compact h3{font-size:25px;margin-bottom:16px}.floating-device .orbit-journey-compact .orbit-flow{gap:12px}.floating-device .orbit-journey-compact .orbit-flow strong{font-size:12px}.floating-device .orbit-journey-compact .orbit-proof-label{font-size:8px;margin-bottom:10px}}.floating-device-phone .floating-device-screen{aspect-ratio:8/15}.product-showcase{position:relative;isolation:isolate;margin:16px 0 48px;outline-offset:7px}.device-arc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding:18px 0;font:12px/1.5 var(--font-mono)}.showcase-navigation{display:flex;align-items:center;gap:9px}.showcase-count{margin-right:14px;font:700 19px/1 var(--font-body)}.showcase-count>span{font-size:12px;font-weight:400;opacity:.55}.showcase-navigation button{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);transition:background .2s,color .2s}.showcase-navigation button:hover{background:var(--ink);color:var(--paper)}.showcase-navigation button:disabled{opacity:.4}.device-arc-index{display:flex;gap:8px;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:0 0 16px;max-width:100%;scroll-snap-type:x proximity}.device-arc-index button{display:flex;align-items:center;gap:10px;flex:none;min-height:45px;padding:10px 15px;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:4px;font:12px/1.3 var(--font-body);scroll-snap-align:center;white-space:nowrap;transition:background .2s,color .2s}.device-arc-index button>span{font:10px var(--font-mono);opacity:.55}.device-arc-index button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.device-arc-index button:hover{border-color:var(--ink)}.showcase-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.85fr);gap:clamp(26px,4vw,60px);align-items:center}.device-arc-stage{position:relative;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--project-surface) 10%,var(--paper));border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:8px;touch-action:pan-y;transition:background .5s}.showcase-stage-heading,.showcase-stage-footnote{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;color:var(--ink);font:10px/1.5 var(--font-mono)}.showcase-stage-heading>span:first-child{text-transform:uppercase;letter-spacing:.08em}.showcase-stage-heading>span:last-child{text-align:right;opacity:.6}.showcase-stage-footnote{padding-top:8px;opacity:.65}.showcase-stage-footnote>span:last-child{font-size:18px}.showcase-device-space{position:relative;height:570px;margin-inline:24px}.showcase-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.showcase-layer.is-front{z-index:2}.showcase-layer.is-outgoing{pointer-events:none;z-index:1}.showcase-layer .floating-device{width:100%;max-width:740px}.device-arc-proof{position:relative;min-width:0;color:var(--ink);padding:14px 0}.proof-status{font:10px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;display:inline-block;border-bottom:2px solid var(--pink);padding-bottom:7px}.device-arc-proof h3{font:800 clamp(34px,3.4vw,56px)/1.03 var(--font-body);letter-spacing:-.055em;margin:24px 0 16px;overflow-wrap:anywhere}.showcase-tagline{font:24px/1.25 var(--font-marker);margin:0 0 27px}.device-arc-proof dl{display:grid;gap:18px;margin:0}.device-arc-proof dt{font:10px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.device-arc-proof dd{font:14px/1.65 var(--font-body);margin:0;max-width:45ch}.showcase-description{font:15px/1.75 var(--font-body);max-width:45ch}.proof-disclosure{font:12px/1.65 var(--font-body);opacity:.7;margin-top:22px;max-width:48ch}.showcase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:26px}.proof-action{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px;padding:12px 17px;background:var(--ink);color:var(--paper);font:700 13px/1.4 var(--font-body);border-radius:3px;transition:background .2s}.proof-action:hover{background:var(--pink)}.showcase-story{display:inline-flex;align-items:center;gap:10px;min-height:46px;font:12px var(--font-mono);text-decoration:underline;text-underline-offset:5px}.showcase-progress{height:2px;background:color-mix(in srgb,var(--ink) 15%,transparent);margin-top:28px;overflow:hidden}.showcase-progress>span{display:block;height:100%;background:var(--pink);transition:width .55s}.device-arc-hint{font:10px/1.5 var(--font-mono);opacity:.6;margin:12px 0 0}.product-showcase button:focus-visible,.product-showcase a:focus-visible,.live-screen-image:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.live-screen{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;background:var(--paper)}.live-screen-image{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;touch-action:pan-y;scrollbar-color:color-mix(in srgb,var(--ink) 45%,transparent) transparent}.live-screen-capture{display:block;width:100%;max-width:100%;height:auto;max-height:none;-o-object-position:top;object-position:top}.live-screen-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:0;transform-origin:top left;background:var(--paper)}.live-screen-status{position:absolute;left:12px;right:12px;bottom:12px;background:var(--paper);color:var(--ink);padding:10px 12px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);font:11px/1.5 var(--font-body);box-shadow:0 5px 20px #0002;display:flex;gap:12px;align-items:center;justify-content:space-between}.live-screen-status button{min-height:36px;text-decoration:underline;font-weight:700}.live-screen-status span{display:flex;align-items:center;gap:7px}.live-screen-fallback{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;background:var(--project-surface,var(--paper));color:var(--project-ink,var(--ink));padding:30px;font:13px/1.6 var(--font-body)}.live-screen-fallback strong{font-size:25px;line-height:1.2}.live-screen-fallback small{font-size:11px;opacity:.75}@media(min-width:1500px){.showcase-device-space{height:640px}}@media(max-width:1050px){.showcase-layout{grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);gap:26px}.showcase-device-space{height:500px;margin-inline:18px}.showcase-stage-heading,.showcase-stage-footnote{padding-inline:18px}}@media(max-width:800px){.showcase-layout{grid-template-columns:1fr;gap:24px}.device-arc-proof{padding:0 4px}.device-arc-proof h3{font-size:39px;margin-top:17px}.showcase-tagline{font-size:24px;margin-bottom:23px}.device-arc-proof dl{grid-template-columns:1fr}.showcase-device-space{height:clamp(360px,115vw,570px);margin-inline:16px}.showcase-stage-heading{padding:16px;font-size:9px}.showcase-stage-footnote{padding:12px 16px;font-size:9px}.device-arc-toolbar{font-size:10px;gap:12px}.showcase-navigation button{width:42px;height:42px}.showcase-count{margin-right:4px;font-size:17px}.device-arc-index{margin-inline:-2px;padding-bottom:13px}.device-arc-index button{padding:9px 12px;font-size:11px}.showcase-progress{margin-top:24px}}@media(prefers-reduced-motion:reduce){.device-arc-stage,.showcase-progress>span,.device-arc-index button,.showcase-navigation button,.proof-action{transition:none}}.live-screen-image{overflow-x:hidden}.live-screen-pending{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--project-surface,var(--paper));color:var(--project-ink,var(--ink));font:11px var(--font-mono)}.live-screen-pending>span{font:700 24px var(--font-body)}@media(max-width:800px){.showcase-device-space{height:clamp(280px,85vw,460px)}.device-arc-stage:has(.is-front .floating-device-phone) .showcase-device-space{height:510px}.device-arc-stage:has(.is-front .floating-device-tablet) .showcase-device-space{height:clamp(310px,95vw,500px)}.floating-device-tablet .floating-device-screen{aspect-ratio:4/3}}.device-arc-index{scrollbar-width:none}.device-arc-index::-webkit-scrollbar{display:none}