.iphone{--iphone-w:280px;--bezel:calc(var(--iphone-w) * .04);width:var(--iphone-w);padding:var(--bezel);border-radius:calc(var(--iphone-w) * .14);background:linear-gradient(145deg,#2a2a2e 0%,#121214 38%,#0b0b0d 70%,#1e1e22 100%);flex:none;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 0 0 2px #0009,0 1px #ffffff0f,0 40px 60px -30px #000000bf,0 70px 120px -40px #0009}.iphone-screen{aspect-ratio:390/844;border-radius:calc(var(--iphone-w) * .14 - var(--bezel) + 1px);background:#000;position:relative;overflow:hidden}.iphone-screen img{object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.iphone-island{background:#000;border-radius:999px;width:31%;height:3.6%;position:absolute;top:2.2%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0a}.iphone-sheen{pointer-events:none;background:linear-gradient(115deg,#ffffff1a 0%,#ffffff08 28%,#0000 42% 100%);position:absolute;inset:0}.iphone-btn{width:max(2px, calc(var(--iphone-w) * .012));background:linear-gradient(90deg,#2c2c30,#18181b);border-radius:2px;position:absolute;box-shadow:inset 0 0 0 .5px #ffffff1f}.iphone-btn-vol1{left:calc(var(--iphone-w) * -.009);height:7%;top:22%}.iphone-btn-vol2{left:calc(var(--iphone-w) * -.009);height:7%;top:31%}.iphone-btn-power{right:calc(var(--iphone-w) * -.009);height:11%;top:27%}.sb-browser{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -30px #000000b3}.sb-browser-bar{background:color-mix(in oklab, var(--paper) 80%, var(--ink) 6%);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.sb-browser-bar span{background:color-mix(in oklab, var(--ink) 25%, transparent);border-radius:99px;width:8px;height:8px}.sb-browser-bar em{max-width:220px;color:var(--ink-3);background:color-mix(in oklab, var(--ink) 7%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;flex:1;margin-left:10px;padding:2px 10px;font-size:10.5px;font-style:normal;overflow:hidden}.sb-browser img{aspect-ratio:1568/721;object-fit:cover;object-position:top left;width:100%;height:auto;display:block}.sb-wall-wrap{position:relative}.sb-wall{display:none}.sb-wall-mobile{gap:12px;max-width:420px;margin:0 auto;display:grid}@media (width>=1024px){.sb-wall-mobile{display:none}.sb-wall-wrap{perspective:1600px;height:640px;overflow:hidden}.sb-wall-wrap:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(to right, var(--paper), transparent 16%, transparent 84%, var(--paper)), linear-gradient(to bottom, var(--paper), transparent 16%, transparent 84%, var(--paper));position:absolute;inset:0}.sb-wall{transform-style:preserve-3d;grid-template-columns:1fr 1fr;gap:20px;display:grid;position:absolute;inset:-30% -10%;transform:rotateX(12deg)rotate(-8deg)}.sb-col{will-change:transform;flex-direction:column;gap:20px;display:flex}.sb-col-up{animation:48s linear infinite sb-up}.sb-col-down{animation:40s linear infinite sb-down}.sb-wall-wrap:hover .sb-col{animation-play-state:paused}}@keyframes sb-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 10px))}}@keyframes sb-down{0%{transform:translateY(calc(-33.333% - 6.67px))}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sb-col{animation:none!important}}.sb-switch{gap:32px;margin-top:48px;display:grid}.sb-tabs{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.sb-tab-name{white-space:nowrap;border:1px solid var(--line);color:var(--ink-2);border-radius:99px;padding:8px 16px;font-size:14px;font-weight:600}.sb-tab.is-active .sb-tab-name{color:var(--ink);background:var(--gradient-brand,linear-gradient(90deg, #ff7a18, #ff3d8a, #7b3fe4));border-color:#0000}.sb-tab-body{display:none}.sb-stage{position:relative}.sb-stage-glow{filter:blur(70px);opacity:.22;background:linear-gradient(120deg,#ff7a18,#ff3d8a,#7b3fe4);border-radius:50%;position:absolute;inset:10% 5%}.sb-combo{animation:.6s both sb-in;position:relative}.sb-combo-browser{width:88%;margin-left:0;display:block}.sb-combo-phone{width:32%;display:block;position:absolute;bottom:-18%;right:0}.sb-stage-mobile-copy{color:var(--ink-2);gap:10px;margin-top:30%;font-size:15px;display:grid}@keyframes sb-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sb-combo{animation:none}}@media (width<=767px){.sb-combo{justify-content:center;display:flex}.sb-combo-browser{opacity:.55;width:90%;position:absolute;top:10%;left:0}.sb-combo-phone{width:58%;position:relative;bottom:auto;right:auto}.sb-stage-mobile-copy{margin-top:24px}}@media (width>=1024px){.sb-switch{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:56px}.sb-tabs{flex-direction:column;gap:6px;overflow:visible}.sb-tab{border-left:2px solid var(--line);opacity:.45;padding:10px 0 10px 22px;transition:opacity .3s}.sb-tab.is-active{opacity:1;border-image:linear-gradient(#ff7a18,#ff3d8a,#7b3fe4) 1}.sb-tab-name,.sb-tab.is-active .sb-tab-name{letter-spacing:-.02em;color:var(--ink);text-align:left;white-space:normal;background:0 0;border:0;border-radius:0;padding:0;font-size:clamp(26px,2.4vw,36px);font-weight:700}.sb-tab-body{color:var(--ink-2);gap:10px;margin-top:10px;font-size:15px;display:grid}.sb-stage{padding-bottom:12%}.sb-stage-mobile-copy{display:none}}.sb-tile,.sb-bundle{border:1px solid var(--line);background:var(--glass);border-radius:20px;padding:28px;position:relative}.sb-chip{color:var(--ink);background:oklab(67.2257% .232751 .00921816/.1);border:1px solid oklab(67.2257% .232751 .00921816/.45);border-radius:99px;padding:8px 14px;font-size:13px;display:inline-block}.sb-bundle{flex-direction:column;display:flex}.sb-bundle.is-featured{border-color:oklab(67.2257% .23275 .00921816/.55);box-shadow:0 0 60px -30px #ff3d8a}.sb-badge{text-transform:uppercase;letter-spacing:.14em;color:var(--ink);background:linear-gradient(90deg,#ff7a18,#ff3d8a,#7b3fe4);border-radius:99px;padding:4px 10px;font-size:10.5px;position:absolute;top:-11px;left:28px}.sb-bundle-cta{color:var(--ink);margin-top:auto;padding-top:28px;font-size:14px;font-weight:600}.sb-bundle-cta:after{content:" →"}.sb-rail{border-left:1px solid var(--line);gap:28px;margin-top:48px;padding-left:24px;display:grid;position:relative}.sb-phase{position:relative}.sb-dot{background:linear-gradient(90deg,#ff7a18,#ff3d8a,#7b3fe4);border-radius:99px;width:11px;height:11px;position:absolute;top:4px;left:-30px}@media (width>=1024px){.sb-rail{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:24px;padding:28px 0 0}.sb-dot{top:-34px;left:0}}.sb-deliverables{border:1px solid var(--line);background:var(--glass);border-radius:20px;margin-top:48px;padding:28px}.sb-check{color:#0000;background:linear-gradient(90deg,#ff7a18,#ff3d8a);-webkit-background-clip:text;background-clip:text;font-weight:700}.sb-tile,.sb-bundle{isolation:isolate}.sb-tile:before,.sb-bundle:before{content:"";z-index:-1;border-radius:inherit;background:var(--fenx-gradient);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.sb-tile:after,.sb-bundle:after{content:"";border-radius:inherit;background:var(--fenx-gradient);-webkit-mask-composite:xor;opacity:0;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:opacity .25s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sb-tile:hover:before,.sb-bundle:hover:before,.sb-tile:focus-within:before,.sb-bundle:focus-within:before{opacity:.09}.sb-tile:hover:after,.sb-bundle:hover:after,.sb-tile:focus-within:after,.sb-bundle:focus-within:after{opacity:1}.sb-tile h3,.sb-bundle h3{background-image:var(--fenx-gradient);-webkit-background-clip:text;background-clip:text;width:fit-content;transition:color .25s}.sb-tile:hover h3,.sb-bundle:hover h3,.sb-tile:focus-within h3,.sb-bundle:focus-within h3{color:#0000}@media (prefers-reduced-motion:reduce){.sb-tile:before,.sb-tile:after,.sb-bundle:before,.sb-bundle:after,.sb-tile h3,.sb-bundle h3{transition:none}}
