@font-face{font-family:IBM Plex Sans KR;src:url(/fonts/IBMPlexSansKR-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans KR;src:url(/fonts/IBMPlexSansKR-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans KR;src:url(/fonts/IBMPlexSansKR-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans KR;src:url(/fonts/IBMPlexSansKR-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--zinc-0: #ffffff;--zinc-25: #fcfcfd;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-150: #ebebee;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-850: #1f1f23;--zinc-900: #18181b;--zinc-925: #131316;--zinc-950: #09090b;--zinc-975: #050507;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--green-500: #16a34a;--green-400: #4ade80;--green-50: #f0fdf4;--green-900: #052e16;--amber-500: #d97706;--amber-400: #fbbf24;--amber-50: #fffbeb;--amber-900: #451a03;--red-500: #dc2626;--red-400: #f87171;--red-50: #fef2f2;--red-900: #450a0a}:root,:root[data-theme=light]{color-scheme:light;--bg-canvas: var(--zinc-50);--bg-surface: var(--zinc-0);--bg-surface-raised: var(--zinc-0);--bg-subtle: var(--zinc-100);--bg-overlay: rgba(9, 9, 11, .4);--bg-inverse: var(--zinc-900);--text-primary: var(--zinc-900);--text-secondary: var(--zinc-600);--text-muted: var(--zinc-500);--text-disabled: var(--zinc-400);--text-inverse: var(--zinc-50);--text-on-brand: #ffffff;--border-default: var(--zinc-200);--border-strong: var(--zinc-300);--border-subtle: var(--zinc-150);--border-inverse: var(--zinc-800);--brand-solid: var(--blue-600);--brand-solid-hover: var(--blue-700);--brand-solid-active: var(--blue-700);--brand-subtle: var(--blue-50);--brand-subtle-hover: var(--blue-100);--brand-border: var(--blue-200);--brand-text: var(--blue-700);--success-solid: var(--green-500);--success-subtle: var(--green-50);--success-text: #166534;--warning-solid: var(--amber-500);--warning-subtle: var(--amber-50);--warning-text: #92400e;--danger-solid: var(--red-500);--danger-subtle: var(--red-50);--danger-text: #991b1b;--focus-ring: var(--blue-500);--focus-ring-offset: var(--bg-canvas);--gradient-hero-glow: radial-gradient( ellipse 60% 50% at 50% 0%, rgba(59, 130, 246, .08) 0%, transparent 70% );--gradient-section-fade: linear-gradient( 180deg, transparent 0%, var(--border-subtle) 50%, transparent 100% );--shadow-xs: 0 1px 2px rgba(9, 9, 11, .04);--shadow-sm: 0 1px 3px rgba(9, 9, 11, .06), 0 1px 2px rgba(9, 9, 11, .04);--shadow-md: 0 4px 12px rgba(9, 9, 11, .08), 0 2px 4px rgba(9, 9, 11, .04);--shadow-lg: 0 12px 32px rgba(9, 9, 11, .1), 0 4px 8px rgba(9, 9, 11, .04);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--grain-opacity: 0}:root[data-theme=dark]{color-scheme:dark;--bg-canvas: var(--zinc-975);--bg-surface: var(--zinc-925);--bg-surface-raised: var(--zinc-900);--bg-subtle: var(--zinc-850);--bg-overlay: rgba(0, 0, 0, .6);--bg-inverse: var(--zinc-50);--text-primary: var(--zinc-50);--text-secondary: var(--zinc-400);--text-muted: var(--zinc-500);--text-disabled: var(--zinc-600);--text-inverse: var(--zinc-900);--text-on-brand: #ffffff;--border-default: var(--zinc-800);--border-strong: var(--zinc-700);--border-subtle: rgba(255, 255, 255, .06);--border-inverse: var(--zinc-200);--brand-solid: var(--blue-500);--brand-solid-hover: var(--blue-400);--brand-solid-active: var(--blue-600);--brand-subtle: rgba(59, 130, 246, .12);--brand-subtle-hover: rgba(59, 130, 246, .18);--brand-border: rgba(59, 130, 246, .3);--brand-text: var(--blue-300);--success-solid: var(--green-400);--success-subtle: rgba(74, 222, 128, .1);--success-text: var(--green-400);--warning-solid: var(--amber-400);--warning-subtle: rgba(251, 191, 36, .1);--warning-text: var(--amber-400);--danger-solid: var(--red-400);--danger-subtle: rgba(248, 113, 113, .1);--danger-text: var(--red-400);--focus-ring: var(--blue-400);--focus-ring-offset: var(--bg-canvas);--gradient-hero-glow: radial-gradient( ellipse 60% 50% at 50% 0%, rgba(59, 130, 246, .12) 0%, transparent 70% );--gradient-section-fade: linear-gradient( 180deg, transparent 0%, var(--border-subtle) 50%, transparent 100% );--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .3);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--grain-opacity: .015}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg-canvas: var(--zinc-975);--bg-surface: var(--zinc-925);--bg-surface-raised: var(--zinc-900);--bg-subtle: var(--zinc-850);--bg-overlay: rgba(0, 0, 0, .6);--bg-inverse: var(--zinc-50);--text-primary: var(--zinc-50);--text-secondary: var(--zinc-400);--text-muted: var(--zinc-500);--text-disabled: var(--zinc-600);--text-inverse: var(--zinc-900);--text-on-brand: #ffffff;--border-default: var(--zinc-800);--border-strong: var(--zinc-700);--border-subtle: rgba(255, 255, 255, .06);--border-inverse: var(--zinc-200);--brand-solid: var(--blue-500);--brand-solid-hover: var(--blue-400);--brand-solid-active: var(--blue-600);--brand-subtle: rgba(59, 130, 246, .12);--brand-subtle-hover: rgba(59, 130, 246, .18);--brand-border: rgba(59, 130, 246, .3);--brand-text: var(--blue-300);--success-solid: var(--green-400);--success-subtle: rgba(74, 222, 128, .1);--success-text: var(--green-400);--warning-solid: var(--amber-400);--warning-subtle: rgba(251, 191, 36, .1);--warning-text: var(--amber-400);--danger-solid: var(--red-400);--danger-subtle: rgba(248, 113, 113, .1);--danger-text: var(--red-400);--focus-ring: var(--blue-400);--focus-ring-offset: var(--bg-canvas);--gradient-hero-glow: radial-gradient( ellipse 60% 50% at 50% 0%, rgba(59, 130, 246, .12) 0%, transparent 70% );--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .3);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--grain-opacity: .015}}:root{--font-sans: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.5rem;--text-7xl: 4rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.8;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .01em;--tracking-wider: .08em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-nav: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--max-content: 1200px;--max-content-narrow: 720px;--max-content-wide: 1320px;--nav-height: 4rem;--nav-height-mobile: 3.5rem;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--dur-instant: 80ms;--dur-fast: .16s;--dur-base: .24s;--dur-slow: .4s;--transition-color: color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);--transition-transform: transform var(--dur-fast) var(--ease-spring);--transition-all: all var(--dur-base) var(--ease-out)}@media(prefers-reduced-motion:reduce){:root{--dur-instant: 0ms;--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms}}@media(prefers-contrast:more){:root,:root[data-theme=light]{--text-secondary: var(--zinc-700);--text-muted: var(--zinc-600);--border-default: var(--zinc-300);--border-subtle: var(--zinc-200)}:root[data-theme=dark]{--text-secondary: var(--zinc-300);--text-muted: var(--zinc-400);--border-default: var(--zinc-700);--border-subtle: var(--zinc-800)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:var(--bg-canvas);color:var(--text-primary);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);overflow-x:clip;min-height:100vh;font-size:var(--text-base);transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}img,svg,video{max-width:100%;height:auto;display:block}img{font-style:italic;background-color:var(--bg-subtle)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--brand-subtle);color:var(--text-primary)}.skip-link{position:absolute;top:-100px;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-md);transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:var(--space-4)}.section-inner{width:100%;max-width:var(--max-content);margin:0 auto;padding:0 var(--space-6)}.section-inner-narrow{max-width:var(--max-content-narrow)}main{display:block}.topbar{position:fixed;inset:0 0 auto;height:var(--nav-height);z-index:var(--z-nav);display:flex;align-items:center;background:transparent;border-bottom:1px solid transparent;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),backdrop-filter var(--dur-base) var(--ease-out)}.topbar[data-scrolled]{background:color-mix(in srgb,var(--bg-canvas) 82%,transparent);border-bottom-color:var(--border-subtle);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}.topbar-inner{width:100%;max-width:var(--max-content);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.brand img{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-subtle)}.nav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--transition-color),background-color var(--dur-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-subtle)}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.theme-toggle{position:relative;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);transition:var(--transition-color),background-color var(--dur-fast);overflow:hidden}.theme-toggle:hover{color:var(--text-primary);background:var(--bg-subtle);border-color:var(--border-strong)}.theme-toggle-icon{position:absolute;display:inline-flex;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}:root[data-theme=light] .theme-toggle-sun,:root:not([data-theme]) .theme-toggle-sun{opacity:0;transform:rotate(-90deg) scale(.6)}:root[data-theme=light] .theme-toggle-moon,:root:not([data-theme]) .theme-toggle-moon{opacity:1;transform:rotate(0) scale(1)}:root[data-theme=dark] .theme-toggle-sun{opacity:1;transform:rotate(0) scale(1)}:root[data-theme=dark] .theme-toggle-moon{opacity:0;transform:rotate(90deg) scale(.6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .theme-toggle-sun{opacity:1;transform:rotate(0) scale(1)}:root:not([data-theme=light]):not([data-theme=dark]) .theme-toggle-moon{opacity:0;transform:rotate(90deg) scale(.6)}}.lang-toggle{width:40px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);transition:var(--transition-color),background-color var(--dur-fast);font-size:13px;font-weight:600;letter-spacing:.04em}.lang-toggle:hover{color:var(--text-primary);background:var(--bg-subtle);border-color:var(--border-strong)}.nav-toggle{display:none;width:36px;height:36px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:var(--radius-md);border:1px solid transparent;transition:background-color var(--dur-fast)}.nav-toggle:hover{background:var(--bg-subtle)}.nav-toggle-bar{display:block;width:18px;height:1.75px;background:var(--text-primary);border-radius:1px;transition:transform var(--dur-base) var(--ease-spring),opacity var(--dur-fast)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(1){transform:translateY(5.75px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-5.75px) rotate(-45deg)}.nav-drawer{position:absolute;top:var(--nav-height);left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}.nav-drawer[data-open]{opacity:1;transform:translateY(0);pointer-events:auto}.nav-drawer .nav-link{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);height:40px;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-color),transform var(--dur-fast),box-shadow var(--dur-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(.5px)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base);font-weight:var(--weight-semibold)}.btn-primary{background:var(--brand-solid);color:var(--text-on-brand);box-shadow:var(--shadow-xs),inset 0 1px #ffffff1f}.btn-primary:hover{background:var(--brand-solid-hover);border-color:transparent}.btn-primary:active{background:var(--brand-solid-active)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:var(--border-default)}.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn-primary svg,.btn-secondary svg,.btn-ghost svg{transition:transform var(--dur-fast) var(--ease-spring)}.btn:hover svg{transform:translate(2px)}.section-header{margin-bottom:var(--space-12)}.section-header-left{text-align:left;max-width:640px}.section-eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--brand-text);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-3)}.section-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-4);text-wrap:balance}.section-subtitle{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:580px;text-wrap:pretty}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:1024px){.nav-links{display:none}.nav-toggle{display:inline-flex}.section-title{font-size:var(--text-2xl)}}@media(max-width:768px){:root{--nav-height: var(--nav-height-mobile)}.topbar-inner,.section-inner{padding:0 var(--space-4)}.section-header{margin-bottom:var(--space-10)}.section-title{font-size:var(--text-2xl)}.section-subtitle{font-size:var(--text-base)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important;animation-iteration-count:1!important}}body:after{content:"";position:fixed;inset:0;z-index:var(--z-toast);pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{position:relative;padding-top:calc(var(--nav-height) + var(--space-8));padding-bottom:var(--space-24);overflow:hidden;isolation:isolate}.hero-glow{position:absolute;inset:0 0 auto;height:70%;background:var(--gradient-hero-glow);z-index:-1;pointer-events:none}.hero-inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:var(--space-16)}.hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6);max-width:520px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-xs)}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--success-solid);box-shadow:0 0 0 3px color-mix(in srgb,var(--success-solid) 18%,transparent)}.hero-title{font-size:var(--text-6xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);color:var(--text-primary);text-wrap:balance}.hero-title-accent{color:var(--brand-text)}.hero-subheadline{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:480px}.hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-device-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-5);width:100%;max-width:540px}.device-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);transition:transform var(--dur-slow) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.device-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.device-card-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-4)}.device-card-header span:nth-child(2){color:var(--text-primary);margin-right:auto}.device-card-status{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);text-transform:none;letter-spacing:0}.status-ready{color:var(--text-secondary);background:var(--bg-subtle)}.status-active{color:var(--success-text);background:var(--success-subtle)}.device-card-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);min-height:168px;justify-content:center}.qr-preview{display:inline-flex;color:var(--text-primary);opacity:.9}.device-card-body-stream{background:linear-gradient(180deg,var(--bg-subtle) 0%,color-mix(in srgb,var(--brand-subtle) 50%,var(--bg-subtle)) 100%)}.stream-frame{display:flex;flex-direction:column;gap:var(--space-2);width:100%;padding:var(--space-3)}.stream-bar{height:8px;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--brand-text) 35%,transparent)}.stream-bar:nth-child(1){width:80%}.stream-bar:nth-child(2){width:100%;background:color-mix(in srgb,var(--brand-text) 55%,transparent)}.stream-bar:nth-child(3){width:65%}.stream-bar:nth-child(4){width:90%;background:color-mix(in srgb,var(--brand-text) 45%,transparent)}.device-card-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-align:center}.device-bridge{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;align-self:center;color:var(--text-muted)}.device-bridge-arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--brand-subtle);color:var(--brand-text);flex-shrink:0}.device-bridge-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium);white-space:nowrap;letter-spacing:var(--tracking-wide);text-align:center}.trust-strip{padding:var(--space-12) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.trust-strip-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.trust-badge{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.trust-badge-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--brand-text);flex-shrink:0}.trust-badge-label{line-height:var(--leading-snug)}.stats{padding:var(--space-16) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.stat-value{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter);line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-top:var(--space-3)}.stat-sub{font-size:var(--text-xs);color:var(--text-muted)}.showcase{padding:0 0 var(--space-24)}.showcase-frame{position:relative;margin:0;border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--border-default);box-shadow:var(--shadow-lg)}.showcase-frame img{width:100%;aspect-ratio:1672 / 941;object-fit:cover}.showcase-caption{position:absolute;left:var(--space-5);bottom:var(--space-5);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#fff;background:#09090b8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full)}.showcase-caption-dot{width:6px;height:6px;border-radius:50%;background:var(--green-400);flex-shrink:0}.steps{padding:var(--space-24) 0}.steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.step-item{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);position:relative;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.step-item:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.step-number-block{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.step-content{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--brand-subtle);color:var(--brand-text)}.step-number{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);letter-spacing:var(--tracking-wider)}.step-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.step-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.step-detail{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);margin-top:auto;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-full);align-self:flex-start}.convenience-flow{padding:var(--space-24) 0;background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.flow-list{display:grid;grid-template-columns:1fr;gap:var(--space-3);max-width:760px}.flow-item{display:grid;grid-template-columns:140px 1fr;gap:var(--space-6);padding:var(--space-6);background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--dur-fast),background var(--dur-fast)}.flow-item:hover{border-color:var(--border-default)}.flow-marker{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;padding-right:var(--space-4);border-right:1px solid var(--border-subtle)}.flow-marker-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--brand-subtle);color:var(--brand-text)}.flow-marker-step{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.flow-body{display:flex;flex-direction:column;gap:var(--space-3)}.flow-status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.flow-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.flow-status{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--success-text);background:var(--success-subtle);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.flow-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.features{padding:var(--space-24) 0}.features-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-16)}.feature-hero{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);padding:var(--space-10);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.feature-hero:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:radial-gradient(ellipse at top right,var(--brand-subtle) 0%,transparent 60%);pointer-events:none;z-index:0}.feature-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--brand-solid);color:var(--text-on-brand);box-shadow:var(--shadow-sm);flex-shrink:0;position:relative;z-index:1}.feature-hero-body{display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:1}.feature-hero-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.feature-hero-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:640px}.features-standard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.feature-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--dur-fast),transform var(--dur-fast)}.feature-card:hover{border-color:var(--border-default);transform:translateY(-1px)}.feature-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--brand-text);margin-bottom:var(--space-2)}.feature-card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.feature-card-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.scope-block{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding:var(--space-10);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.scope-block-single{grid-template-columns:1fr;max-width:640px}.scope-column{display:flex;flex-direction:column;gap:var(--space-3)}.scope-heading{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.scope-heading-muted{color:var(--text-muted)}.scope-list{display:flex;flex-direction:column;gap:var(--space-2)}.scope-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-primary)}.scope-list-muted li{color:var(--text-muted)}.scope-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--success-subtle);color:var(--success-text);flex-shrink:0}.scope-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);margin:0 6px;flex-shrink:0}.scope-soon{margin-left:auto;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);background:var(--bg-subtle);padding:2px var(--space-2);border-radius:var(--radius-sm)}.pricing{padding:var(--space-24) 0;background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.pricing-grid{display:grid;grid-template-columns:minmax(0,440px);justify-content:center;gap:var(--space-4);align-items:stretch}.pricing-card{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8) var(--space-6);background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-xl);position:relative;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.pricing-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.pricing-card-highlighted{border-color:var(--brand-solid);box-shadow:0 0 0 1px var(--brand-solid),var(--shadow-md)}.pricing-card-highlighted:hover{box-shadow:0 0 0 1px var(--brand-solid-hover),var(--shadow-md)}.pricing-header{display:flex;flex-direction:column;gap:var(--space-2)}.pricing-name{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.pricing-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);white-space:pre-line}.pricing-price{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2);padding-bottom:var(--space-2);border-top:1px solid var(--border-subtle)}.price-row{display:flex;align-items:baseline;gap:var(--space-2)}.price-value{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter);color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.price-period{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium)}.pricing-features{display:flex;flex-direction:column;gap:var(--space-3);flex-grow:1;padding-top:var(--space-2)}.pricing-feature{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-snug)}.pricing-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--success-subtle);color:var(--success-text);flex-shrink:0;margin-top:1px}.pricing-cta{width:100%;margin-top:auto}.faq{padding:var(--space-24) 0}.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--dur-fast);overflow:hidden}.faq-item[open]{border-color:var(--border-default)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);cursor:pointer;list-style:none;line-height:var(--leading-snug)}.faq-question::-webkit-details-marker{display:none}.faq-question-text{flex-grow:1}.faq-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);background:var(--bg-subtle);transition:transform var(--dur-base) var(--ease-spring),color var(--dur-fast),background var(--dur-fast);flex-shrink:0}.faq-item[open] .faq-icon{transform:rotate(45deg);color:var(--brand-text);background:var(--brand-subtle)}.faq-answer{padding:0 var(--space-6) var(--space-5)}.faq-answer p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.faq-answer-link{color:var(--brand-text, var(--text-primary));font-weight:var(--weight-medium);text-decoration:none}.faq-answer-link:hover{text-decoration:underline}.final-cta{padding:var(--space-24) 0}.cta-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.cta-box:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:160px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--brand-subtle) 70%,transparent) 0%,transparent 70%);pointer-events:none}.cta-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--brand-text);letter-spacing:var(--tracking-wider);text-transform:uppercase;position:relative}.cta-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);line-height:var(--leading-tight);max-width:520px;position:relative}.cta-subtitle{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:480px;position:relative}.cta-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);position:relative}.site-footer{padding:var(--space-16) 0 var(--space-12);border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.footer-inner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8)}.footer-brand{display:flex;align-items:center;gap:var(--space-3)}.footer-brand img{width:32px;height:32px;border-radius:var(--radius-sm)}.footer-brand-text{display:flex;flex-direction:column;gap:2px}.footer-brand-text strong{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.footer-brand-text span{font-size:var(--text-sm);color:var(--text-secondary)}.footer-links{display:flex;gap:var(--space-6);flex-wrap:wrap}.footer-link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);transition:color var(--dur-fast);position:relative}.footer-link:hover{color:var(--text-primary)}.footer-link:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:1.5px;background:var(--brand-solid);transition:width var(--dur-fast) var(--ease-out)}.footer-link:hover:after{width:100%}.footer-copy{font-size:var(--text-xs);color:var(--text-muted);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);width:100%}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-spring)}[data-reveal][data-reveal-visible]{opacity:1;transform:none}[data-reveal-delay="1"]{transition-delay:80ms}[data-reveal-delay="2"]{transition-delay:.16s}[data-reveal-delay="3"]{transition-delay:.24s}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:var(--space-12)}.hero-content{max-width:none}.hero-title{font-size:var(--text-5xl)}.hero-device-flow{max-width:480px}.features-standard-grid{grid-template-columns:repeat(2,1fr)}.trust-strip-list{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}.steps-list{grid-template-columns:1fr}.scope-block{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:768px){.hero{padding-top:calc(var(--nav-height) + var(--space-6));padding-bottom:var(--space-16)}.hero-title{font-size:var(--text-4xl)}.hero-subheadline{font-size:var(--text-base)}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions .btn{width:100%}.hero-device-flow{grid-template-columns:1fr;gap:var(--space-3)}.device-bridge{flex-direction:column;padding:var(--space-1) 0}.device-bridge-arrow{transform:rotate(90deg)}.device-bridge-label{padding:0 var(--space-2)}.feature-hero{grid-template-columns:1fr;padding:var(--space-6)}.features-standard-grid{grid-template-columns:1fr}.flow-item{grid-template-columns:1fr;gap:var(--space-4)}.flow-marker{flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--border-subtle);padding-right:0;padding-bottom:var(--space-3)}.flow-status-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.cta-box{padding:var(--space-12) var(--space-6)}.cta-title{font-size:var(--text-2xl)}.footer-inner{align-items:center;text-align:center}.footer-brand{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media(max-width:520px){.trust-strip-list,.stats-grid{grid-template-columns:1fr}.stat-value{font-size:var(--text-3xl)}}