.project-visual-composition.svelte-9ap5bx{--stage-bg: #1c3a2e;--stage-soft: rgba(255,255,255,.12);--stage-border: rgba(255,255,255,.18);--stage-fg: #faf9f5;--stage-muted: rgba(250,249,245,.68);--stage-accent: #e4d5ae;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--stage-bg);box-shadow:0 22px 52px #1a2e1f29;isolation:isolate}.tone-forest.svelte-9ap5bx{--stage-bg: #1c3a2e;--stage-accent: #e8f5a3}.tone-moss.svelte-9ap5bx{--stage-bg: #2f4935;--stage-accent: #dce9b4}.tone-ink.svelte-9ap5bx{--stage-bg: #263a3f;--stage-accent: #d8c6a3}.tone-cocoa.svelte-9ap5bx{--stage-bg: #46372f;--stage-accent: #ead9bd}.tone-sage.svelte-9ap5bx{--stage-bg: #4f7659;--stage-accent: #edf0df}.tone-amber.svelte-9ap5bx{--stage-bg: #8a6a24;--stage-accent: #f7e6b7}.tone-clay.svelte-9ap5bx{--stage-bg: #7a4330;--stage-accent: #f0d0bb}.light-detail.tone-sage.svelte-9ap5bx,.light-detail.tone-amber.svelte-9ap5bx{--stage-bg: #ebe5d4;--stage-fg: var(--forest);--stage-muted: rgba(26,46,31,.62);--stage-soft: rgba(45,74,53,.08);--stage-border: rgba(45,74,53,.16)}.light-detail.tone-amber.svelte-9ap5bx{--stage-bg: #ead9ae}.grid-composition.tone-sage.svelte-9ap5bx{--stage-bg: #dce5d5;--stage-fg: var(--forest);--stage-muted: rgba(26,46,31,.66);--stage-soft: rgba(45,74,53,.1);--stage-border: rgba(45,74,53,.18)}.project-visual-composition.svelte-9ap5bx:after{content:"";position:absolute;right:-14%;top:-18%;z-index:-1;width:52%;height:76%;border:1px solid rgba(255,255,255,.24);background:#ffffff1a;transform:rotate(12deg)}figure.svelte-9ap5bx{margin:0}img.svelte-9ap5bx{display:block;width:100%;height:100%}.browser-bar.svelte-9ap5bx{height:28px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid rgba(45,74,53,.12);background:#f2efe8}.dot.svelte-9ap5bx{width:8px;height:8px;border-radius:999px}.dot-r.svelte-9ap5bx{background:#ff6057}.dot-y.svelte-9ap5bx{background:#febc2e}.dot-g.svelte-9ap5bx{background:#28c840}.url-pill.svelte-9ap5bx{min-width:0;margin-left:8px;border-radius:999px;background:#e1ded6;color:#1a2e1f9e;font-size:10px;line-height:1;padding:5px 12px;white-space:nowrap}.dark-stage.svelte-9ap5bx{min-height:430px;padding:36px 34px 0;background:linear-gradient(180deg,#0000000d,#0000002e),var(--stage-bg)}.stage-browser.svelte-9ap5bx{position:relative;z-index:1;width:88%;height:362px;overflow:hidden;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 28px 58px #0000003d}.stage-browser.svelte-9ap5bx img:where(.svelte-9ap5bx){height:calc(100% - 28px);object-position:var(--desktop-position)}.stage-phone.svelte-9ap5bx{position:absolute;right:14px;bottom:-1px;z-index:2;width:28%;min-width:128px;max-width:188px;height:298px;overflow:hidden;border:6px solid rgba(255,255,255,.92);border-bottom:0;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 22px 48px #0000003d}.stage-phone.svelte-9ap5bx img:where(.svelte-9ap5bx){object-position:var(--mobile-position)}.stage-phone.svelte-9ap5bx figcaption:where(.svelte-9ap5bx){position:absolute;left:9px;right:9px;bottom:10px;border-radius:6px;background:var(--stage-accent);color:var(--forest);font-size:10px;font-weight:700;line-height:1.2;padding:7px 8px;text-align:center;text-transform:uppercase}.stat-chips.svelte-9ap5bx{position:absolute;top:36px;right:28%;z-index:3;display:grid;gap:8px}.stat-chips.svelte-9ap5bx span:where(.svelte-9ap5bx){border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0c181285;color:#fff;font-size:10px;line-height:1.25;padding:7px 11px;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 18px #00000061}.stat-chips.svelte-9ap5bx strong:where(.svelte-9ap5bx){display:block;color:var(--stage-fg);font-size:13px;line-height:1.1}.light-detail.svelte-9ap5bx{min-height:380px;padding:32px}.light-browser.svelte-9ap5bx{position:relative;z-index:1;width:80%;height:340px;overflow:hidden;border:1px solid rgba(45,74,53,.18);border-radius:10px;background:#fff;box-shadow:0 20px 42px #2d4a3529}.light-browser.svelte-9ap5bx img:where(.svelte-9ap5bx){height:calc(100% - 28px);object-position:var(--desktop-position)}.detail-card.svelte-9ap5bx{position:absolute;right:28px;top:50%;z-index:3;width:min(220px,38%);transform:translateY(-50%);border:1px solid rgba(45,74,53,.16);border-radius:8px;background:#fff;box-shadow:0 22px 48px #2d4a352e;padding:18px}.detail-card.svelte-9ap5bx span:where(.svelte-9ap5bx),.grid-stat.svelte-9ap5bx span:where(.svelte-9ap5bx),.grid-features.svelte-9ap5bx span:where(.svelte-9ap5bx){display:block;margin-bottom:8px;color:var(--sage);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.35;text-transform:uppercase}.detail-card.svelte-9ap5bx strong:where(.svelte-9ap5bx){display:block;color:var(--forest);font-size:17px;line-height:1.24;margin-bottom:14px}.detail-card.svelte-9ap5bx div:where(.svelte-9ap5bx){display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(45,74,53,.12);color:#1a2e1f9e;font-size:12px;line-height:1.35;padding:8px 0}.detail-card.svelte-9ap5bx b:where(.svelte-9ap5bx){color:var(--forest);font-weight:700;text-align:right}.detail-card.svelte-9ap5bx em:where(.svelte-9ap5bx){display:block;margin-top:10px;border-radius:6px;background:var(--forest);color:var(--d-fg);font-size:11px;font-style:normal;font-weight:700;padding:9px 10px;text-align:center}.phone-detail.svelte-9ap5bx{min-height:380px;padding:30px;background:linear-gradient(135deg,#ffffff1f,#fff0 44%),var(--stage-bg)}.phone-detail-stage.svelte-9ap5bx{display:grid;grid-template-columns:minmax(116px,.68fr) minmax(146px,1fr);gap:22px;align-items:center;min-height:320px}.showcase-phone.svelte-9ap5bx{position:relative;justify-self:end;width:min(100%,158px);height:300px;overflow:hidden;border:7px solid rgba(255,255,255,.94);border-radius:24px;background:#fff;box-shadow:0 24px 54px #00000047}.showcase-phone.svelte-9ap5bx:before{content:"";position:absolute;left:50%;top:8px;z-index:2;width:22px;height:5px;border-radius:999px;background:#1018146b;transform:translate(-50%)}.showcase-phone.svelte-9ap5bx img:where(.svelte-9ap5bx){object-position:var(--mobile-position);object-fit:contain}.showcase-phone.svelte-9ap5bx figcaption:where(.svelte-9ap5bx){position:absolute;left:10px;right:10px;bottom:10px;border-radius:7px;background:var(--stage-accent);color:var(--forest);font-size:10px;font-weight:700;line-height:1.2;padding:8px 9px;text-align:center;text-transform:uppercase}.phone-copy.svelte-9ap5bx{position:relative;right:auto;top:auto;width:100%;transform:none}.grid-composition.svelte-9ap5bx{min-height:390px;padding:24px}.grid-layout.svelte-9ap5bx{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.72fr);grid-template-rows:1fr 1fr;gap:12px;min-height:370px}.grid-browser.svelte-9ap5bx,.grid-stat.svelte-9ap5bx,.grid-features.svelte-9ap5bx,.grid-accent.svelte-9ap5bx{overflow:hidden;border:1px solid var(--stage-border);border-radius:8px;box-shadow:0 16px 34px #2d4a3521}.grid-browser.svelte-9ap5bx{grid-row:1 / 3;background:#fff}.grid-browser.svelte-9ap5bx img:where(.svelte-9ap5bx){height:calc(100% - 28px);object-position:var(--desktop-position)}.grid-stat.svelte-9ap5bx{background:var(--forest);color:var(--d-fg);padding:18px}.grid-stat.svelte-9ap5bx span:where(.svelte-9ap5bx){color:var(--d-muted)}.grid-stat.svelte-9ap5bx strong:where(.svelte-9ap5bx){display:block;color:var(--d-fg);font-size:clamp(34px,4vw,56px);line-height:.95;margin-bottom:10px}.grid-stat.svelte-9ap5bx p:where(.svelte-9ap5bx){color:var(--d-muted);font-size:12px;line-height:1.5}.grid-features.svelte-9ap5bx{background:#fff;padding:18px}.grid-features.svelte-9ap5bx div:where(.svelte-9ap5bx){display:grid;gap:7px}.grid-features.svelte-9ap5bx em:where(.svelte-9ap5bx){border-radius:5px;background:var(--stage-soft);color:var(--forest);font-size:12px;font-style:normal;line-height:1.3;padding:8px 10px}.grid-accent.svelte-9ap5bx{display:flex;align-items:center;background:var(--stage-accent);color:var(--forest);font-family:var(--serif);font-size:clamp(24px,3vw,38px);line-height:1;padding:18px}.storyboard.svelte-9ap5bx{padding:24px}.storyboard-grid.svelte-9ap5bx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.storyboard-panel.svelte-9ap5bx{position:relative;overflow:hidden;border:1px solid var(--stage-border);border-radius:8px;aspect-ratio:4 / 5;background:#fff;box-shadow:0 18px 38px #0000002e;transform:translateY(var(--story-offset, 0))}.storyboard-panel.svelte-9ap5bx:nth-child(2){--story-offset: 18px}.storyboard-panel.svelte-9ap5bx:nth-child(3){--story-offset: 4px}.storyboard-panel.svelte-9ap5bx img:where(.svelte-9ap5bx){object-position:var(--panel-position)}.storyboard-panel.svelte-9ap5bx figcaption:where(.svelte-9ap5bx){position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);border-radius:6px;background:var(--stage-accent);color:var(--forest);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.25;padding:8px 10px;text-transform:uppercase}@media(max-width:768px){.dark-stage.svelte-9ap5bx,.light-detail.svelte-9ap5bx,.grid-composition.svelte-9ap5bx{min-height:330px;padding:22px}.stage-browser.svelte-9ap5bx{width:92%;height:292px}.stage-phone.svelte-9ap5bx{right:12px;width:34%;min-width:104px;height:236px}.stat-chips.svelte-9ap5bx{top:22px;right:22px;max-width:42%}.stat-chips.svelte-9ap5bx span:where(.svelte-9ap5bx){white-space:normal}.light-browser.svelte-9ap5bx{width:100%;height:272px}.detail-card.svelte-9ap5bx{position:relative;right:auto;top:auto;width:100%;margin-top:14px;transform:none}.phone-detail.svelte-9ap5bx{min-height:320px;padding:22px}.phone-detail-stage.svelte-9ap5bx{grid-template-columns:minmax(98px,.62fr) minmax(138px,1fr);gap:14px;min-height:276px}.showcase-phone.svelte-9ap5bx{width:min(100%,128px);height:246px;border-width:5px;border-radius:20px}.grid-layout.svelte-9ap5bx,.storyboard-grid.svelte-9ap5bx{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.grid-browser.svelte-9ap5bx{grid-row:auto;height:260px}.grid-accent.svelte-9ap5bx{min-height:96px}.storyboard-panel.svelte-9ap5bx{aspect-ratio:16 / 10;transform:none}}