.Ek1jya_compare{--sc-width:960;--sc-scrollbar:0px;--sc-max-height:calc(100svh - 72px - 190px);max-width:960px;margin:var(--space-10) auto 0;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-1);box-shadow:0 30px 80px -30px #000000b3, 0 0 0 1px #10b9810a, 0 0 60px -20px var(--color-emerald-glow);overflow:hidden}.Ek1jya_chrome{border-bottom:1px solid var(--color-border);background:var(--color-surface-2);align-items:center;gap:14px;padding:10px 14px;display:flex}.Ek1jya_dots{flex:none;gap:7px;display:flex}.Ek1jya_dots i{background:var(--color-surface-3);border-radius:50%;width:11px;height:11px;display:block}.Ek1jya_url{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-width:0;height:30px;color:var(--color-text-secondary);font:500 12.5px/1 var(--font-mono);white-space:nowrap;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex;overflow:hidden}.Ek1jya_url svg{color:var(--color-emerald);flex:none}.Ek1jya_url b{color:var(--color-text-primary);font-weight:500}.Ek1jya_tabs{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;flex:none;padding:3px;display:flex}.Ek1jya_tabs button{all:unset;color:var(--color-text-secondary);font:600 13px/1 var(--font-primary);cursor:pointer;border-radius:7px;padding:6px 14px;transition:background .2s,color .2s}.Ek1jya_tabs button:hover{color:var(--color-text-primary)}.Ek1jya_tabs button[aria-selected=true]{background:var(--color-emerald);color:var(--color-on-accent)}.Ek1jya_tabs button:focus-visible{outline:2px solid var(--color-emerald-light);outline-offset:2px}.Ek1jya_viewport{--sc-pos:50%;aspect-ratio:16/10;width:100%;max-height:max(320px, var(--sc-max-height));background:#000;position:relative;overflow:hidden}.Ek1jya_scroller{overscroll-behavior:contain;scrollbar-color:var(--color-surface-3) transparent;scrollbar-width:thin;position:absolute;inset:0;overflow:hidden auto}.Ek1jya_scroller:focus-visible{outline:2px solid var(--color-emerald-light);outline-offset:-2px}.Ek1jya_page{animation:.35s Ek1jya_pageIn;position:relative}@keyframes Ek1jya_pageIn{0%{opacity:0}to{opacity:1}}.Ek1jya_afterImage{width:100%;height:auto;display:block}.Ek1jya_before{clip-path:inset(0 calc(100% - var(--sc-pos)) 0 0);background:#000;position:absolute;inset:0;overflow:hidden}.Ek1jya_overlay{inset:0 var(--sc-scrollbar) 0 0;pointer-events:none;position:absolute}.Ek1jya_tag{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-text-primary);font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#0c0e14c7;border-radius:7px;padding:6px 10px;transition:opacity .2s;position:absolute;bottom:14px}.Ek1jya_tagBefore{left:14px}.Ek1jya_tagAfter{color:var(--color-emerald-light);border-color:#10b98159;right:14px}.Ek1jya_line{top:0;bottom:0;left:var(--sc-pos);background:var(--color-emerald);width:2px;box-shadow:0 0 18px 2px var(--color-emerald-glow);margin-left:-1px;position:absolute}.Ek1jya_hit{top:0;bottom:0;left:var(--sc-pos);cursor:ew-resize;pointer-events:auto;touch-action:none;width:36px;margin-left:-18px;position:absolute}.Ek1jya_knob{top:50%;left:var(--sc-pos);background:var(--color-emerald);width:44px;height:44px;color:var(--color-on-accent);cursor:ew-resize;pointer-events:auto;touch-action:none;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;transition:box-shadow .2s;display:grid;position:absolute;box-shadow:0 0 0 6px #10b9812e,0 8px 24px #00000080}.Ek1jya_knob:hover,.Ek1jya_dragging{box-shadow:0 0 0 10px #10b98138,0 8px 24px #00000080}.Ek1jya_knob:focus-visible{outline:2px solid var(--color-white);outline-offset:3px}.Ek1jya_hint{top:calc(50% + 34px);left:var(--sc-pos);border:1px solid var(--color-border);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-text-secondary);font:500 11px/1 var(--font-mono);letter-spacing:.06em;white-space:nowrap;background:#0c0e14c7;padding:6px 12px;transition:opacity .4s;position:absolute;transform:translate(-50%)}.Ek1jya_caption{border-top:1px solid var(--color-border);color:var(--color-text-muted);padding:14px 18px;font-size:13.5px}.Ek1jya_caption strong{color:var(--color-text-secondary);font-weight:var(--font-medium)}.Ek1jya_placeholder{max-width:960px;max-height:calc(max(320px,100svh - 262px) + 100px);margin:var(--space-10) auto 0;aspect-ratio:16/11.4;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-1)}.Ek1jya_fallback{width:100%;height:auto;margin-top:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:block}@media (scripting:none){.Ek1jya_placeholder{display:none}}@media (max-width:640px){.Ek1jya_chrome{flex-wrap:wrap}.Ek1jya_dots{display:none}.Ek1jya_url{flex-basis:100%;order:2}.Ek1jya_tabs{margin-left:auto}.Ek1jya_viewport{aspect-ratio:4/5}.Ek1jya_tag{font-size:10px;bottom:10px}.Ek1jya_tagBefore{left:10px}.Ek1jya_tagAfter{right:10px}.Ek1jya_hintLong{display:none}}@media (prefers-reduced-motion:reduce){.Ek1jya_page{animation:none}}
.i7vceG_stage{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-bg);position:relative;overflow:hidden;container-type:inline-size}.i7vceG_glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 22%, transparent), transparent);opacity:.35;position:absolute;inset:-10%}.i7vceG_part,.i7vceG_logo,.i7vceG_chips{position:absolute}.i7vceG_base{background:var(--color-surface-3);border:2px solid #ffffff24;border-radius:4px 4px 18px 18px}.i7vceG_hinge{background:var(--color-surface-2);border:2px solid #ffffff24;border-radius:0 0 8px 8px}.i7vceG_bezel{background:var(--color-surface-1);border:2px solid #ffffff24;border-radius:1.15cqw}.i7vceG_screen{background:#000;border:2px solid #ffffff24;border-radius:.4cqw;overflow:hidden}.i7vceG_screen img,.i7vceG_phoneScreen img,.i7vceG_post img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.i7vceG_phone{background:var(--color-surface-1);border:2px solid #ffffff24;border-radius:1.8cqw;padding:.52cqw;box-shadow:0 1.5cqw 3cqw #00000080}.i7vceG_phoneScreen{background:#000;border-radius:1.35cqw;width:100%;height:100%;display:block;overflow:hidden}.i7vceG_post{border:2px solid #ffffff1f;border-radius:.85cqw;overflow:hidden;box-shadow:0 1.25cqw 2.6cqw #00000080}.i7vceG_post img{object-position:center}.i7vceG_chips{justify-content:center;gap:.95cqw;display:flex;left:0;right:0}.i7vceG_chip{color:var(--color-emerald-light);font:500 1.25cqw / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#10b9811f;border:2px solid #10b98166;border-radius:999px;padding:.75cqw 1.35cqw;position:relative}.i7vceG_logo{transform-origin:0 0;scale:var(--scale);border-radius:.95cqw}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.i7vceG_static .i7vceG_part,.i7vceG_armed .i7vceG_part{opacity:0;translate:var(--dx) var(--dy)}.i7vceG_static .i7vceG_shot,.i7vceG_armed .i7vceG_shot{translate:0 -100%}.i7vceG_static .i7vceG_logo,.i7vceG_armed .i7vceG_logo{opacity:0;scale:1;translate:var(--from-x) var(--from-y)}.i7vceG_static .i7vceG_glow,.i7vceG_armed .i7vceG_glow{opacity:0}}.i7vceG_run .i7vceG_part{transition:opacity .2s ease var(--delay), translate .55s cubic-bezier(.34, 1.25, .64, 1) var(--delay);animation:i7vceG_lockIn .133s steps(1) var(--lock)}.i7vceG_run .i7vceG_shot{transition:translate .8s cubic-bezier(.16, 1, .3, 1) var(--delay)}.i7vceG_run .i7vceG_logo{transition:opacity .35s ease, translate .9s cubic-bezier(.16, 1, .3, 1) var(--delay), scale .9s cubic-bezier(.16, 1, .3, 1) var(--delay)}.i7vceG_run .i7vceG_glow{animation:3.2s both i7vceG_glowIntro}@keyframes i7vceG_lockIn{0%{border-color:var(--color-emerald-light);box-shadow:0 0 1.8cqw var(--color-emerald-glow)}}@keyframes i7vceG_glowIntro{0%{opacity:0}20%,55%{opacity:1}to{opacity:.35}}
.QM232a_progressBar{transform-origin:0;height:3px;z-index:var(--z-nav);pointer-events:none;position:fixed;top:72px;left:0;right:0}.QM232a_heroSection{align-items:center;min-height:60vh;display:flex}.QM232a_hero{gap:var(--space-6);z-index:1;flex-direction:column;max-width:800px;display:flex;position:relative}.QM232a_heroMeta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.QM232a_industry,.QM232a_year,.QM232a_duration{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.QM232a_metaDivider{color:var(--color-border)}.QM232a_heroTitle{font-size:clamp(3rem,7vw,6rem);font-weight:var(--font-bold);letter-spacing:-.05em;margin:0;line-height:1}.QM232a_heroDescription{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:560px;margin:0;line-height:1.6}.QM232a_heroTags{gap:var(--space-2);flex-wrap:wrap;display:flex}.QM232a_imageSection{padding:0 0 var(--section-padding-y)}.QM232a_imageContainer{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.QM232a_imageWrapper{border-radius:var(--radius-xl);width:100%;height:clamp(280px,45vw,560px);position:relative;overflow:hidden}.QM232a_image{object-fit:contain;background:var(--color-bg)}.QM232a_assemblySection{padding:0 0 var(--section-padding-y)}.QM232a_screenshotWrapper{margin-top:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-1);overflow:hidden}.QM232a_screenshotImage{width:100%;height:auto;display:block}.QM232a_screenshotCaption{padding:var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);border-top:1px solid var(--color-border)}.QM232a_sectionLabel{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);display:block}.QM232a_labelEmerald{color:var(--color-emerald)}.QM232a_labelViolet{color:var(--color-violet)}.QM232a_sectionTitle{margin:0 0 var(--space-12);font-size:var(--text-4xl);letter-spacing:-.03em}.QM232a_challenge{max-width:760px}.QM232a_pullQuote{padding:var(--space-8);font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--color-white);letter-spacing:-.01em;background:var(--color-surface-1);border-radius:var(--radius-lg);margin:0;line-height:1.5;position:relative}.QM232a_pullQuote:before{content:"“";margin-bottom:var(--space-2);font-size:var(--text-6xl);font-weight:var(--font-bold);color:var(--color-emerald);line-height:1;display:block}.QM232a_approachList{border-top:1px solid var(--color-border);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.QM232a_approachStep{align-items:flex-start;gap:var(--space-8);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border);display:flex}.QM232a_stepNum{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.04em;flex-shrink:0;width:60px;line-height:1}.QM232a_stepNumEmerald{color:var(--color-emerald)}.QM232a_stepNumViolet{color:var(--color-violet)}.QM232a_stepText{font-size:var(--text-lg);color:var(--color-text-secondary);padding-top:var(--space-1);line-height:1.6}.QM232a_deliverablesGrid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.QM232a_deliverableItem{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);transition:border-color .3s var(--ease-out-expo), background .3s var(--ease-out-expo);line-height:1.5;display:flex}.QM232a_deliverableEmerald:hover{background:#10b98108;border-color:#10b98133}.QM232a_deliverableViolet:hover{background:#8b5cf608;border-color:#8b5cf633}.QM232a_deliverableCheck{font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0;margin-top:2px}.QM232a_deliverableEmerald .QM232a_deliverableCheck{color:var(--color-emerald)}.QM232a_deliverableViolet .QM232a_deliverableCheck{color:var(--color-violet)}.QM232a_toolsGrid{gap:var(--space-3);flex-wrap:wrap;display:flex}.QM232a_toolPill{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:default;border:1px solid;display:inline-block}.QM232a_toolEmerald{background:var(--color-emerald-muted);color:var(--color-emerald);border-color:#10b98133}.QM232a_toolViolet{background:var(--color-violet-muted);color:var(--color-violet);border-color:#8b5cf633}.QM232a_outcome{position:relative}.QM232a_outcomeGlow{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;width:420px;height:420px;position:absolute;top:-40%;left:-10%}.QM232a_outcomeText{z-index:1;font-size:var(--text-lg);color:var(--color-text-secondary);max-width:680px;margin:0;line-height:1.7;position:relative}.QM232a_resultStats{z-index:1;gap:var(--space-10);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex;position:relative}.QM232a_resultStat{gap:var(--space-1);flex-direction:column;display:flex}.QM232a_resultStatValue{font-family:var(--font-display), var(--font-primary);font-size:var(--text-5xl);font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1}.QM232a_resultStatEmerald{color:var(--color-emerald)}.QM232a_resultStatViolet{color:var(--color-violet-light)}.QM232a_resultStatLabel{font-size:var(--text-sm);color:var(--color-text-muted)}.QM232a_galleryGrid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.QM232a_galleryItem{aspect-ratio:3/4;border-radius:var(--radius-lg);position:relative;overflow:hidden}.QM232a_galleryImage{object-fit:cover}.QM232a_closing{margin-top:var(--space-8)}.QM232a_backLink{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color .2s var(--ease-out-expo)}.QM232a_backLink:hover{color:var(--color-white)}@media (max-width:768px){.QM232a_heroTitle{font-size:2.8rem}.QM232a_heroDescription{font-size:var(--text-base)}.QM232a_deliverablesGrid{grid-template-columns:1fr}.QM232a_sectionTitle{font-size:var(--text-3xl)}.QM232a_approachStep{gap:var(--space-5)}.QM232a_stepNum{font-size:var(--text-2xl);width:40px}.QM232a_outcomeGlow{display:none}.QM232a_resultStats{gap:var(--space-6)}.QM232a_resultStatValue{font-size:var(--text-4xl)}.QM232a_galleryGrid{grid-template-columns:repeat(2,1fr)}}.QM232a_compareBefore{width:100%;height:auto;display:block}