.Mockup-module__O9aS_q__stage{--pastel-peach:#f3c5b9;--pastel-mint:#bde1d0;--pastel-butter:#f3e5b0;--pastel-lavender:#d3ccec;--pastel-sky:#b5daf1;--pastel-charcoal:#2f3338;--device-body:var(--pastel-peach);--device-edge:oklch(from var(--device-body) calc(l - .08) c h);--device-shadow:oklch(from var(--device-body) calc(l - .55) calc(c + .02) h / .18);--surface:#fffbf6;--surface-tint:#f4e9df;--surface-shadow:#ac9a9138;--border:#e4ddd4;--muted:#6c605a;background:radial-gradient(ellipse 80% 55% at 50% 100%, var(--surface-shadow), transparent 70%), linear-gradient(180deg, var(--surface) 0%, var(--surface-tint) 100%);border:1px solid var(--border);isolation:isolate;border-radius:28px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.Mockup-module__O9aS_q__stage{--pastel-peach:lab(83.3421% 15.4862 12.4589);--pastel-mint:lab(86.6846% -14.9113 4.31048);--pastel-butter:lab(91.0789% -.914484 27.7448);--pastel-lavender:lab(83.2707% 7.02864 -15.1783);--pastel-sky:lab(85.0301% -8.86625 -15.3408);--pastel-charcoal:lab(21.1084% -1.03098 -3.53888);--surface:lab(98.8445% .915378 2.88105);--surface-tint:lab(93.0261% 2.60341 6.29175);--surface-shadow:lab(65.0909% 5.53864 7.46075/.22);--border:lab(88.4063% 1.63105 5.06091);--muted:lab(41.9214% 3.98883 5.37251)}}.Mockup-module__O9aS_q__stage:before{content:"";pointer-events:none;opacity:.6;z-index:0;background-image:radial-gradient(#6d60590a 1px,#0000 1px),radial-gradient(#6d605908 1px,#0000 1px);background-image:radial-gradient(lab(41.9119% 4.44703 5.98142/.04) 1px,#0000 1px),radial-gradient(lab(41.9119% 4.44703 5.98142/.03) 1px,#0000 1px);background-position:0 0,11px 11px;background-size:22px 22px,11px 11px;position:absolute;inset:0}.Mockup-module__O9aS_q__stage>*{z-index:1;position:relative}.Mockup-module__O9aS_q__stageHero{aspect-ratio:16/9;place-items:center;min-height:420px;padding:56px;display:grid}.Mockup-module__O9aS_q__stageSolo{aspect-ratio:4/3;place-items:center;padding:48px;display:grid}.Mockup-module__O9aS_q__stageBrowser{aspect-ratio:16/7;place-items:center;padding:48px;display:grid}.Mockup-module__O9aS_q__stageRow{place-items:center;min-height:480px;padding:56px 32px;display:grid}.Mockup-module__O9aS_q__prop{z-index:0;pointer-events:none;position:absolute}.Mockup-module__O9aS_q__propCoffee{width:72px;height:72px;bottom:56px;right:88px;transform:rotate(-6deg)}.Mockup-module__O9aS_q__propCoffee:before{content:"";background:var(--surface);border:2px solid var(--device-edge);box-shadow:0 8px 22px var(--device-shadow);border-radius:50%;position:absolute;inset:0}.Mockup-module__O9aS_q__propCoffee:after{content:"";border:2px solid var(--device-edge);border-left:none;border-radius:0 50% 50% 0;width:28px;height:28px;position:absolute;top:22px;right:-14px}.Mockup-module__O9aS_q__propCoffee i{background:#503322;background:lab(24.3319% 11.992 16.0294);border-radius:50%;position:absolute;inset:8px;box-shadow:inset 0 -4px 8px #211209;box-shadow:inset 0 -4px 8px lab(7.0753% 7.06377 6.92256)}.Mockup-module__O9aS_q__propNotebook{width:180px;height:220px;bottom:32px;left:56px;transform:rotate(-9deg)}.Mockup-module__O9aS_q__propNotebook:before{content:"";background:var(--pastel-butter);box-shadow:0 12px 28px var(--surface-shadow), inset -4px 0 0 oklch(from var(--pastel-butter) calc(l - .1) c h);border-radius:4px;position:absolute;inset:0}.Mockup-module__O9aS_q__propPlant{width:120px;height:140px;top:32px;right:48px;transform:rotate(8deg)}.Mockup-module__O9aS_q__propPlant svg{width:100%;height:100%}.Mockup-module__O9aS_q__propPen{background:var(--pastel-charcoal);width:140px;height:14px;box-shadow:0 4px 12px var(--surface-shadow);border-radius:7px;bottom:84px;left:200px;transform:rotate(22deg)}.Mockup-module__O9aS_q__propPen:before{content:"";background:#957a6b;background:lab(53.4136% 9.08819 12.1367);border-radius:0 7px 7px 0;width:24px;height:14px;position:absolute;top:0;right:0}.Mockup-module__O9aS_q__iphone{--w:280px;--h:580px;--r:48px;width:var(--w);height:var(--h);border-radius:var(--r);background:linear-gradient(165deg, oklch(from var(--device-body) calc(l + .04) c h) 0%, var(--device-body) 35%, var(--device-edge) 100%);box-shadow:0 30px 60px var(--device-shadow), 0 8px 20px oklch(from var(--device-body) calc(l - .5) calc(c + .02) h / .12), inset 0 0 0 2px oklch(from var(--device-body) calc(l - .18) c h), inset 0 1px 0 oklch(from var(--device-body) calc(l + .1) c h / .8);padding:14px;position:relative}.Mockup-module__O9aS_q__iphoneButton{background:var(--device-edge);border-radius:2px;width:4px;position:absolute}.Mockup-module__O9aS_q__iphoneButtonL1{height:30px;top:110px;left:-3px}.Mockup-module__O9aS_q__iphoneButtonL2{height:56px;top:154px;left:-3px}.Mockup-module__O9aS_q__iphoneButtonL3{height:56px;top:222px;left:-3px}.Mockup-module__O9aS_q__iphoneButtonR{height:90px;top:170px;right:-3px}.Mockup-module__O9aS_q__iphoneScreen{border-radius:calc(var(--r) - 14px);background:#eff2f5;background:lab(95.3681% -.823021 -1.65218);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d;box-shadow:inset 0 0 0 1px lab(0% 0 0/.05)}.Mockup-module__O9aS_q__screenSlot{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.Mockup-module__O9aS_q__macbook{--w:720px;--screen-h:460px;--r:16px;width:var(--w);position:relative}.Mockup-module__O9aS_q__macbookLid{width:100%;height:var(--screen-h);border-radius:var(--r) var(--r) 4px 4px;background:linear-gradient(160deg, oklch(from var(--device-body) calc(l + .04) c h) 0%, var(--device-body) 35%, var(--device-edge) 100%);box-shadow:0 22px 44px var(--device-shadow), inset 0 0 0 2px oklch(from var(--device-body) calc(l - .18) c h), inset 0 1px 0 oklch(from var(--device-body) calc(l + .1) c h / .8);padding:18px 18px 22px;position:relative}.Mockup-module__O9aS_q__macbookScreen{background:#eff2f5;background:lab(95.3681% -.823021 -1.65218);border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.Mockup-module__O9aS_q__macbookBase{background:linear-gradient(180deg, var(--device-edge) 0%, oklch(from var(--device-body) calc(l - .04) c h) 30%, oklch(from var(--device-body) calc(l - .18) c h) 100%);width:calc(100% + 56px);height:18px;box-shadow:0 18px 32px var(--device-shadow);border-radius:0 0 10px 10px;margin-left:-28px;position:relative}.Mockup-module__O9aS_q__macbookBase:before{content:"";background:oklch(from var(--device-body) calc(l - .25) c h);border-radius:0 0 4px 4px;width:80px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.Mockup-module__O9aS_q__browser{--w:760px;--h:480px;width:var(--w);height:var(--h);background:var(--surface);box-shadow:0 22px 44px var(--surface-shadow), 0 0 0 1px var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.Mockup-module__O9aS_q__browserChrome{background:linear-gradient(180deg, oklch(from var(--device-body) calc(l + .05) calc(c * .6) h) 0%, var(--device-body) 100%);border-bottom:1px solid oklch(from var(--device-body) calc(l - .1) c h);align-items:center;gap:14px;height:40px;padding:0 16px;display:flex}.Mockup-module__O9aS_q__browserLights{gap:8px;display:flex}.Mockup-module__O9aS_q__browserLights span{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #00000026;box-shadow:inset 0 0 0 .5px lab(0% 0 0/.15)}.Mockup-module__O9aS_q__browserL1{background:#fa6a57;background:lab(63.5337% 55.1878 39.7829)}.Mockup-module__O9aS_q__browserL2{background:#eabf3a;background:lab(79.4877% 6.5999 68.302)}.Mockup-module__O9aS_q__browserL3{background:#5bbe62;background:lab(69.4608% -44.8835 37.1852)}.Mockup-module__O9aS_q__browserUrl{background:oklch(from var(--device-body) calc(l + .06) calc(c * .4) h);height:22px;color:var(--muted);letter-spacing:.02em;border:1px solid oklch(from var(--device-body) calc(l - .05) calc(c * .5) h);border-radius:5px;flex:1;align-items:center;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.Mockup-module__O9aS_q__browserUrl:before{content:"🔒";filter:grayscale()opacity(.7);margin-right:8px;font-size:9px}.Mockup-module__O9aS_q__browserViewport{background:#eff2f5;background:lab(95.3681% -.823021 -1.65218);flex:1;position:relative;overflow:hidden}.Mockup-module__O9aS_q__heroScene{place-items:center;width:100%;height:100%;display:grid;position:relative}.Mockup-module__O9aS_q__heroScene .Mockup-module__O9aS_q__macbook{--w:640px;--screen-h:400px;z-index:2;transform:translateY(20px)}.Mockup-module__O9aS_q__heroIphoneAnchor{z-index:3;position:absolute;bottom:0;right:14%}.Mockup-module__O9aS_q__heroIphoneAnchor .Mockup-module__O9aS_q__iphone{--w:220px;--h:460px;transform:rotate(-4deg)}.Mockup-module__O9aS_q__heroBrowserAnchor{z-index:1;position:absolute;top:8%;left:6%}.Mockup-module__O9aS_q__heroBrowserAnchor .Mockup-module__O9aS_q__browser{--w:380px;--h:240px;opacity:.96;transform:rotate(-3deg)scale(.92)}.Mockup-module__O9aS_q__screenRow{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.Mockup-module__O9aS_q__screenRow .Mockup-module__O9aS_q__iphone{--w:240px;--h:500px}.Mockup-module__O9aS_q__screenRow .Mockup-module__O9aS_q__iphone:first-child{transform:rotate(-3deg)translateY(8px)}.Mockup-module__O9aS_q__screenRow .Mockup-module__O9aS_q__iphone:nth-child(3){transform:rotate(3deg)translateY(8px)}@media (max-width:900px){.Mockup-module__O9aS_q__stageHero{aspect-ratio:auto;min-height:420px;padding:32px}.Mockup-module__O9aS_q__heroScene .Mockup-module__O9aS_q__macbook{--w:88vw;--screen-h:calc(88vw * .6)}.Mockup-module__O9aS_q__heroIphoneAnchor,.Mockup-module__O9aS_q__heroBrowserAnchor{display:none}.Mockup-module__O9aS_q__browser{--w:88vw;--h:calc(88vw * .6)}.Mockup-module__O9aS_q__stageBrowser{aspect-ratio:auto;min-height:280px;padding:24px}.Mockup-module__O9aS_q__stageSolo{padding:24px}.Mockup-module__O9aS_q__macbook{--w:88vw;--screen-h:calc(88vw * .6)}}