.prototype-shell .interactive-product-hero{--iph-paper:#fffaf1;--iph-ink:#242b29;--iph-accent:#b62c32;--iph-tint:#eeded6;--iph-line:#b7b8ac;min-width:0}.iph-topline{letter-spacing:.06em;text-transform:uppercase;color:var(--studio-muted);justify-content:space-between;align-items:center;gap:16px;padding:0 2px 15px;font-size:12px;line-height:1.6;display:flex}.iph-topline svg{color:var(--studio-red);flex-shrink:0}.iph-canvas{isolation:isolate;aspect-ratio:1.18;background:var(--studio-panel);border:1px solid var(--studio-border);width:100%;position:relative;overflow:hidden}.iph-canvas:before{content:"";background-image:radial-gradient(var(--studio-muted) .65px,transparent .65px);opacity:.15;pointer-events:none;background-size:23px 23px;position:absolute;inset:0}.iph-orbit{pointer-events:none;border:1px dashed var(--studio-border);border-radius:50%;position:absolute}.iph-orbit-one{inset:8% 7%;rotate:-17deg}.iph-orbit-two{inset:17% 15%;rotate:21deg}.iph-canvas-note{color:var(--studio-muted);font-size:12px;position:absolute;top:5%;right:6%;rotate:5deg}.iph-canvas-cross{color:var(--studio-red);font-size:26px;font-weight:300;position:absolute;top:48%;left:6%}.iph-pieces{position:absolute;inset:0}.iph-piece{animation:.78s cubic-bezier(.2,.7,.2,1) both iph-assemble;position:absolute}.iph-piece-website{--iph-angle:-6deg;--iph-enter-x:-24px;--iph-enter-y:-22px;z-index:1;width:68%;height:48%;top:13%;left:12%}.iph-piece-software{--iph-angle:4deg;--iph-enter-x:-30px;--iph-enter-y:32px;z-index:2;width:60%;height:34%;animation-delay:90ms;top:57%;left:7%}.iph-piece-mobile{--iph-angle:8deg;--iph-enter-x:28px;--iph-enter-y:18px;z-index:3;width:24%;height:56%;animation-delay:.17s;top:36%;left:71%}.iph-piece[data-active]{z-index:5}.prototype-shell .iph-piece>button{width:100%;height:100%;min-height:44px;color:var(--iph-ink);text-align:left;transform:rotate(var(--iph-angle));filter:drop-shadow(5px 9px #242b2917);cursor:pointer;background:0 0;border:0;padding:0;transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .32s;display:block;position:relative}.prototype-shell .iph-piece[data-active]>button{filter:drop-shadow(6px 13px #242b2922);transform:translateY(-6px)rotate(0)scale(1.025)}.prototype-shell .iph-piece>button:focus-visible{outline:3px solid var(--studio-red);outline-offset:6px}.iph-window,.iph-workspace,.iph-phone{background:var(--iph-paper);border:1.5px solid var(--iph-ink);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.iph-window{border-radius:9px}.iph-window-bar{border-bottom:1px solid var(--iph-line);flex-shrink:0;align-items:center;gap:9px;height:34px;padding:9px 12px;font-size:12px;line-height:1;display:flex}.iph-window-bar>svg:last-child{margin-left:auto}.iph-dots{gap:4px;margin-right:5px;display:flex}.iph-dots i{background:var(--iph-ink);border-radius:50%;width:4px;height:4px;display:block}.iph-dots i:first-child{background:var(--iph-accent)}.iph-website-content{flex:1;min-height:0;padding:4% 6%;display:block;position:relative}.iph-mini-nav{align-items:center;gap:8px;display:flex}.iph-brand-mark{color:var(--iph-accent);margin-right:auto;font-size:28px;line-height:1}.iph-mini-nav i{background:#b7b8ac;border-radius:2px;width:18px;height:3px;display:block}.iph-website-heading{z-index:1;letter-spacing:-.055em;margin-top:5%;font-size:clamp(22px,2.3vw,34px);font-weight:500;line-height:1.07;display:block;position:relative}.iph-website-heading em{color:var(--iph-accent);font-family:Georgia,serif;font-weight:400}.iph-website-shape{background:var(--iph-tint);border-radius:45% 45% 8% 8%;place-items:center;width:33%;height:62%;display:grid;position:absolute;top:22%;right:5%}.iph-website-shape svg{width:58%;height:58%;color:var(--iph-accent)}.iph-mini-button{background:var(--iph-ink);color:var(--iph-paper);align-items:center;gap:8px;margin-top:5%;padding:7px 10px;font-size:12px;line-height:1.2;display:inline-flex}.iph-website-rule{background:var(--iph-line);opacity:.6;width:28%;height:3px;position:absolute;bottom:9%;left:6%}.iph-workspace{border-radius:8px}.iph-workspace .iph-window-bar{color:var(--iph-paper);background:var(--iph-ink);border-color:var(--iph-ink)}.iph-workspace-dot{background:#ee9f93;border-radius:50%;width:5px;height:5px;margin-left:auto}.iph-workspace-body{flex:1;min-height:0;display:flex}.iph-workspace-sidebar{border-right:1px solid var(--iph-line);background:#e7e7dc;flex-direction:column;gap:11px;width:15%;padding:17px 8px;display:flex}.iph-workspace-sidebar i{background:#737d70;width:100%;height:3px}.iph-workspace-board{flex:1;min-width:0;padding:11px 13px}.iph-workspace-heading{letter-spacing:-.025em;font-size:clamp(13px,1.3vw,18px);font-weight:500;line-height:1.2;display:block}.iph-workspace-columns{gap:7px;height:65%;margin-top:10px;display:flex}.iph-workspace-columns>span{background:#eeeade;border-radius:3px;flex-direction:column;flex:1;gap:5px;padding:5px;display:flex}.iph-workspace-columns i{background:#a39784;width:55%;height:3px;margin:2px 0}.iph-workspace-columns b{background:#fffdf8;border:1px solid #d4ccbd;border-left:3px solid #b8beaa;border-radius:2px;height:16px}.iph-workspace-columns>span:nth-child(2) b:first-of-type{border-left-color:var(--iph-accent);height:22px}.iph-workspace-columns>span:nth-child(3) b:last-child{display:none}.iph-phone{background:var(--iph-accent);color:var(--iph-paper);border-width:2px;border-radius:22px;align-items:center;padding:0 10px;position:relative}.iph-phone>span{flex-shrink:0}.iph-phone-notch{background:var(--iph-ink);border-radius:0 0 6px 6px;width:36%;height:6px;margin-bottom:15px}.iph-phone-label{white-space:nowrap;font-size:12px;line-height:1.2}.iph-phone-symbol{aspect-ratio:1;background:#fffaf126;border:1px solid #fffaf14d;border-radius:50%;place-items:center;width:64%;margin:14% 0 9%;display:grid}.iph-phone-symbol svg{width:60%;height:60%}.iph-phone-heading{letter-spacing:-.045em;font-size:clamp(16px,1.5vw,22px);font-weight:500;line-height:1.2}.iph-phone-lines{flex-direction:column;align-items:center;gap:5px;width:70%;margin:9% 0 12%;display:flex}.iph-phone-lines i{background:#fffaf173;width:100%;height:3px}.iph-phone-lines i:last-child{width:70%}.iph-phone-tile{border:1px solid #fffaf15c;border-radius:5px;align-items:center;gap:6px;width:100%;padding:8px;display:flex}.iph-phone-tile>span{background:#fffaf173;border-radius:3px;width:12px;height:12px}.iph-phone-tile i{background:#fffaf173;flex:1;height:3px}.iph-phone-tile svg{flex-shrink:0}.iph-phone-action{background:var(--iph-paper);width:28px;height:28px;color:var(--iph-accent);border-radius:50%;place-items:center;margin-top:auto;margin-bottom:15%;display:grid}.iph-phone-home{background:var(--iph-paper);opacity:.8;border-radius:2px;width:33%;height:3px;position:absolute;bottom:7px}.iph-footer{grid-template-columns:1fr auto;align-items:start;gap:22px;padding:20px 0 0;display:grid}.iph-description{min-height:92px}.prototype-shell .iph-description strong{letter-spacing:-.02em;font-size:17px;font-weight:500;line-height:1.35;display:block}.prototype-shell .iph-description p{max-width:390px;color:var(--studio-muted);margin-top:7px;font-size:14px;line-height:1.65}.prototype-shell .iph-replay{min-height:44px;color:var(--studio-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 0 8px 12px;font-size:12px;display:flex}.iph-replay:hover,.iph-replay:focus-visible{color:var(--studio-text)}@keyframes iph-assemble{0%{opacity:0;translate:var(--iph-enter-x) var(--iph-enter-y)}to{opacity:1;translate:0}}@media (min-width:801px) and (max-width:1100px){.iph-canvas{aspect-ratio:1.02}.iph-piece-website{width:73%;left:8%}.iph-piece-software{width:65%;left:5%}.iph-piece-mobile{width:26%;left:70%}.iph-website-heading{font-size:23px}.iph-phone-tile{display:none}}@media (max-width:800px){.iph-website-heading{font-size:clamp(24px,5vw,35px)}.iph-workspace-heading{font-size:clamp(14px,2.8vw,19px)}.iph-phone-heading{font-size:clamp(17px,3.2vw,23px)}}@media (max-width:540px){.iph-canvas{aspect-ratio:1}.iph-topline{letter-spacing:.035em;padding-bottom:12px;font-size:12px}.iph-piece-website{width:76%;height:48%;top:12%;left:8%}.iph-piece-software{width:65%;height:34%;top:58%;left:5%}.iph-piece-mobile{width:26%;height:55%;top:37%;left:69%}.iph-window-bar{gap:6px;height:29px;padding:8px}.iph-mini-nav{display:none}.iph-website-heading{margin-top:3%;font-size:clamp(24px,6vw,32px)}.iph-website-shape{height:66%;top:15%}.iph-mini-button{margin-top:6%;padding:6px 8px}.iph-website-rule{display:none}.iph-workspace-board{padding:10px 8px}.iph-workspace-columns{gap:4px;margin-top:8px}.iph-workspace-columns>span{padding:3px}.iph-workspace-columns b{height:11px}.iph-workspace-columns>span:nth-child(2) b:first-of-type{height:15px}.iph-phone{border-radius:16px;padding:0 6px}.iph-phone-notch{margin-bottom:12px}.iph-phone-label{font-size:12px}.iph-phone-symbol{margin:14% 0 9%}.iph-phone-tile{display:none}.iph-phone-action{width:24px;height:24px;margin-bottom:19%}.iph-phone-action svg{width:17px}.iph-footer{gap:14px;padding-top:17px}.iph-description{min-height:114px}.prototype-shell .iph-description p{font-size:14px}.prototype-shell .iph-replay{padding-left:5px}}@media (max-width:360px){.iph-website-heading{margin-top:0;font-size:22px}.iph-mini-button{margin-top:5px;padding:4px 8px}.iph-piece-mobile{width:30%;left:66%}.iph-phone-notch{margin-bottom:8px}.iph-phone-symbol{width:52%;margin:10% 0 8%}.iph-phone-heading{white-space:nowrap;font-size:16px;line-height:1.2}.iph-phone-lines{display:none}.iph-phone-action{width:22px;height:22px;margin-bottom:15%}}@media (prefers-reduced-motion:reduce){.iph-piece{animation:none}.prototype-shell .iph-piece>button{transition:none}.prototype-shell .iph-piece[data-active]>button{transform:rotate(var(--iph-angle))}.iph-piece[data-active] .iph-window,.iph-piece[data-active] .iph-workspace,.iph-piece[data-active] .iph-phone{outline:2px solid var(--iph-accent);outline-offset:2px}}