:root,[data-theme=light-gold]{--color-bg: #FDFAF5;--color-bg-alt: #F3EDE4;--color-surface: #FFFFFF;--color-text: #2D2A26;--color-text-secondary: #736B63;--color-text-tertiary: #9B9490;--color-accent: #C47D2B;--color-accent-hover: #A86820;--color-accent-light: rgba(196, 125, 43, 0.08);--color-accent-shadow: rgba(196, 125, 43, 0.3);--color-dark: #2D2A26;--color-dark-surface: #3A3632;--color-dark-text: #FAF7F2;--color-dark-text-secondary: #B5AEA6;--color-border: #E8E1D8;--color-border-light: #F0EBE3;--color-sage: #5B7065;--color-hero-glow-1: rgba(196, 125, 43, 0.04);--color-hero-glow-2: rgba(91, 112, 101, 0.03);--color-highlight-underline: rgba(196, 125, 43, 0.2);--color-nav-bg-scrolled: rgba(253, 250, 245, 0.92);--color-text-alpha-3: rgba(45, 42, 38, 0.03);--color-text-alpha-20: rgba(45, 42, 38, 0.2);--color-text-alpha-40: rgba(45, 42, 38, 0.4);--color-light-alpha-5: rgba(250, 247, 242, 0.05);--color-light-alpha-25: rgba(250, 247, 242, 0.25);--color-light-alpha-30: rgba(250, 247, 242, 0.3);--color-light-alpha-50: rgba(250, 247, 242, 0.5);--color-btn-dark-hover-bg: #1A1815;--color-on-accent: #FFFFFF;--book-1: #C47D2B;--book-2: #5B7065;--book-3: #8B6B4D;--book-4: #6B7F99;--book-5: #9B6B6B;--hl-1: #C47D2B;--hl-2: #5B7065;--hl-3: #6B7F99;--shadow-sm: 0 1px 3px rgba(45, 42, 38, 0.06);--shadow-md: 0 4px 12px rgba(45, 42, 38, 0.08);--shadow-lg: 0 8px 30px rgba(45, 42, 38, 0.1);--shadow-xl: 0 16px 50px rgba(45, 42, 38, 0.12)}[data-theme=dark-gold]{--color-bg: #1A1814;--color-bg-alt: #232018;--color-surface: #2A2620;--color-text: #F0EBE3;--color-text-secondary: #B5AEA6;--color-text-tertiary: #8A847D;--color-accent: #D4933A;--color-accent-hover: #E0A34E;--color-accent-light: rgba(212, 147, 58, 0.12);--color-accent-shadow: rgba(212, 147, 58, 0.35);--color-dark: #141210;--color-dark-surface: #1E1B17;--color-dark-text: #F0EBE3;--color-dark-text-secondary: #9B9490;--color-border: #3A3632;--color-border-light: #322E28;--color-sage: #7A9B8B;--color-hero-glow-1: rgba(212, 147, 58, 0.06);--color-hero-glow-2: rgba(122, 155, 139, 0.04);--color-highlight-underline: rgba(212, 147, 58, 0.25);--color-nav-bg-scrolled: rgba(26, 24, 20, 0.92);--color-text-alpha-3: rgba(240, 235, 227, 0.03);--color-text-alpha-20: rgba(240, 235, 227, 0.2);--color-text-alpha-40: rgba(240, 235, 227, 0.4);--color-light-alpha-5: rgba(240, 235, 227, 0.05);--color-light-alpha-25: rgba(240, 235, 227, 0.25);--color-light-alpha-30: rgba(240, 235, 227, 0.3);--color-light-alpha-50: rgba(240, 235, 227, 0.5);--color-btn-dark-hover-bg: #0F0D0B;--color-on-accent: #FFFFFF;--book-1: #D4933A;--book-2: #7A9B8B;--book-3: #A08060;--book-4: #7B90A8;--book-5: #B08080;--hl-1: #D4933A;--hl-2: #7A9B8B;--hl-3: #7B90A8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);--shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.3);--shadow-xl: 0 16px 50px rgba(0, 0, 0, 0.35)}[data-theme=light-purple]{--color-bg: #FAFAFE;--color-bg-alt: #F0EDF6;--color-surface: #FFFFFF;--color-text: #1C1B1F;--color-text-secondary: #625B71;--color-text-tertiary: #938F99;--color-accent: #673AB7;--color-accent-hover: #5E35B1;--color-accent-light: rgba(103, 58, 183, 0.08);--color-accent-shadow: rgba(103, 58, 183, 0.3);--color-dark: #1C1B1F;--color-dark-surface: #2D2A33;--color-dark-text: #F5F0FF;--color-dark-text-secondary: #B0A6C0;--color-border: #DDD6E8;--color-border-light: #ECE8F2;--color-sage: #7E57C2;--color-hero-glow-1: rgba(103, 58, 183, 0.04);--color-hero-glow-2: rgba(126, 87, 194, 0.03);--color-highlight-underline: rgba(103, 58, 183, 0.2);--color-nav-bg-scrolled: rgba(250, 250, 254, 0.92);--color-text-alpha-3: rgba(28, 27, 31, 0.03);--color-text-alpha-20: rgba(28, 27, 31, 0.2);--color-text-alpha-40: rgba(28, 27, 31, 0.4);--color-light-alpha-5: rgba(245, 240, 255, 0.05);--color-light-alpha-25: rgba(245, 240, 255, 0.25);--color-light-alpha-30: rgba(245, 240, 255, 0.3);--color-light-alpha-50: rgba(245, 240, 255, 0.5);--color-btn-dark-hover-bg: #16151A;--color-on-accent: #FFFFFF;--book-1: #673AB7;--book-2: #7E57C2;--book-3: #5C6BC0;--book-4: #9575CD;--book-5: #7986CB;--hl-1: #673AB7;--hl-2: #7E57C2;--hl-3: #B39DDB;--shadow-sm: 0 1px 3px rgba(28, 27, 31, 0.06);--shadow-md: 0 4px 12px rgba(28, 27, 31, 0.08);--shadow-lg: 0 8px 30px rgba(28, 27, 31, 0.1);--shadow-xl: 0 16px 50px rgba(28, 27, 31, 0.12)}[data-theme=dark-purple]{--color-bg: #151318;--color-bg-alt: #1E1B24;--color-surface: #252230;--color-text: #E8E0F0;--color-text-secondary: #B0A6C0;--color-text-tertiary: #7E7690;--color-accent: #9C7AE8;--color-accent-hover: #B094F0;--color-accent-light: rgba(156, 122, 232, 0.12);--color-accent-shadow: rgba(156, 122, 232, 0.35);--color-dark: #0E0C12;--color-dark-surface: #18161E;--color-dark-text: #E8E0F0;--color-dark-text-secondary: #8A82A0;--color-border: #332E40;--color-border-light: #2A263A;--color-sage: #9C7AE8;--color-hero-glow-1: rgba(156, 122, 232, 0.06);--color-hero-glow-2: rgba(126, 87, 194, 0.04);--color-highlight-underline: rgba(156, 122, 232, 0.25);--color-nav-bg-scrolled: rgba(21, 19, 24, 0.92);--color-text-alpha-3: rgba(232, 224, 240, 0.03);--color-text-alpha-20: rgba(232, 224, 240, 0.2);--color-text-alpha-40: rgba(232, 224, 240, 0.4);--color-light-alpha-5: rgba(232, 224, 240, 0.05);--color-light-alpha-25: rgba(232, 224, 240, 0.25);--color-light-alpha-30: rgba(232, 224, 240, 0.3);--color-light-alpha-50: rgba(232, 224, 240, 0.5);--color-btn-dark-hover-bg: #0A090D;--color-on-accent: #FFFFFF;--book-1: #9C7AE8;--book-2: #7E57C2;--book-3: #6B78B8;--book-4: #B094F0;--book-5: #8B96D0;--hl-1: #9C7AE8;--hl-2: #7E57C2;--hl-3: #B094F0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);--shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.3);--shadow-xl: 0 16px 50px rgba(0, 0, 0, 0.35)}:root{--font-display: 'Fraunces', 'Georgia', serif;--font-body: 'Outfit', system-ui, sans-serif;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--container-max: 1200px;--container-padding: 1.5rem;--nav-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--ease-out: cubic-bezier(0.22, 1, 0.36, 1);--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);--duration-fast: 150ms;--duration-normal: 300ms;--duration-slow: 500ms}@media(max-width: 839px){:root{--container-padding: 1.25rem}}@media(max-width: 599px){:root{--container-padding: 1rem;--nav-height: 56px}}html[data-theme-transitioning] *,html[data-theme-transitioning] *::before,html[data-theme-transitioning] *::after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease !important}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}html[data-theme=dark-gold] body::after,html[data-theme=dark-purple] body::after{opacity:.04;mix-blend-mode:overlay}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.15;letter-spacing:-0.02em}.section-headline{font-size:clamp(1.75rem,4vw,2.75rem);text-align:center;margin-bottom:var(--space-3xl);color:var(--color-text)}.section-headline--light{color:var(--color-dark-text)}.section-sub{font-size:1.125rem;color:var(--color-text-secondary);text-align:center;max-width:580px;margin:calc(-1*var(--space-xl)) auto var(--space-3xl)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-weight:600;font-size:.9375rem;line-height:1;border-radius:var(--radius-md);padding:.75rem 1.5rem;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;cursor:pointer;border:1.5px solid rgba(0,0,0,0)}.btn>i,.btn>svg{flex-shrink:0;font-size:1.125rem}.btn-sm{font-size:.875rem;padding:.5rem 1.25rem}.btn-lg{font-size:1rem;padding:.875rem 1.75rem;border-radius:var(--radius-md)}.btn-xl{font-size:1.0625rem;padding:1rem 2rem;border-radius:var(--radius-lg)}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 4px 16px var(--color-accent-shadow)}.btn-outline{background:rgba(0,0,0,0);color:var(--color-text);border-color:var(--color-border)}.btn-outline:hover{border-color:var(--color-text);background:var(--color-text-alpha-3)}.btn-light{background:var(--color-dark-text);color:var(--color-dark)}.btn-light:hover{background:var(--color-surface);box-shadow:0 4px 16px var(--color-light-alpha-30)}.btn-outline-light{background:rgba(0,0,0,0);color:var(--color-dark-text);border-color:var(--color-light-alpha-25)}.btn-outline-light:hover{border-color:var(--color-light-alpha-50);background:var(--color-light-alpha-5)}.btn-dark{background:var(--color-dark);color:var(--color-dark-text)}.btn-dark:hover{background:var(--color-btn-dark-hover-bg);box-shadow:0 4px 16px var(--color-text-alpha-40)}.btn-outline-dark{background:rgba(0,0,0,0);color:var(--color-dark);border-color:var(--color-text-alpha-20)}.btn-outline-dark:hover{border-color:var(--color-text-alpha-40);background:var(--color-text-alpha-3)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.nav.scrolled{background:var(--color-nav-bg-scrolled);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-border)}.nav-inner{display:flex;align-items:center;height:100%;gap:var(--space-xl)}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:600;font-size:1.25rem;color:var(--color-text);flex-shrink:0}.nav-logo>i,.nav-logo>svg{color:var(--color-accent);font-size:1.375rem}.nav-links{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto;margin-right:40px}.nav-link{font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);transition:color var(--duration-fast);position:relative}.nav-link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--color-accent);transition:width var(--duration-normal) var(--ease-out)}.nav-link:hover{color:var(--color-text)}.nav-link:hover::after{width:100%}.theme-toggle{position:fixed;top:11px;right:var(--container-padding);z-index:1002}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:color var(--duration-fast),background var(--duration-fast)}.theme-toggle-btn:hover{color:var(--color-text);background-color:var(--color-text-alpha-20)}.theme-toggle-btn>i{font-size:1rem}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;--_dd-bg: #FFFFFF;--_dd-border: #E0DCD6;--_dd-text: #2D2A26;--_dd-text-dim: #736B63;--_dd-hover: #F3EDE4;--_dd-shadow: rgba(0, 0, 0, 0.12);background:var(--_dd-bg);border:1px solid var(--_dd-border);border-radius:var(--radius-md);box-shadow:0 8px 30px var(--_dd-shadow);padding:var(--space-xs);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--duration-fast),visibility 0s var(--duration-fast),transform var(--duration-fast);z-index:1003}html[data-theme=dark-gold] .theme-dropdown,html[data-theme=dark-purple] .theme-dropdown{--_dd-bg: #2A2620;--_dd-border: #3A3632;--_dd-text: #F0EBE3;--_dd-text-dim: #B5AEA6;--_dd-hover: rgba(255, 255, 255, 0.06);--_dd-shadow: rgba(0, 0, 0, 0.3)}.theme-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--duration-fast),visibility 0s,transform var(--duration-fast)}.theme-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--_dd-text);transition:background var(--duration-fast)}.theme-option:hover{background:var(--_dd-hover)}.theme-option.is-active{color:var(--color-accent);font-weight:600}.theme-option-swatch{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--_dd-border);flex-shrink:0}.theme-option.is-active .theme-option-swatch{border-color:var(--color-accent)}.nav-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:var(--radius-sm);background:rgba(0,0,0,0);color:var(--color-text-secondary);transition:color var(--duration-fast),background-color var(--duration-fast);margin-left:auto}.nav-toggle:hover{color:var(--color-text);background-color:var(--color-text-alpha-20)}.nav-toggle span{display:block;width:22px;height:1.5px;background:currentColor;border-radius:1px;transition:all var(--duration-normal) var(--ease-out);transform-origin:center}.nav-toggle.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media(max-width: 599px){.theme-toggle{right:calc(var(--container-padding) + 40px)}}@media(max-width: 599px){.nav-links{position:fixed;top:var(--nav-height);left:0;right:0;z-index:999;background:var(--color-surface);flex-direction:column;padding:var(--space-lg);gap:0;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-110%);visibility:hidden;opacity:0;pointer-events:none;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out),visibility 0s var(--duration-normal)}.nav-links.open{transform:translateY(0);visibility:visible;opacity:1;pointer-events:auto;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out),visibility 0s}.nav-link{display:block;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light);font-size:1rem}.nav-link::after{display:none}.nav-toggle{display:flex;width:36px;height:36px}}.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--nav-height) + var(--space-3xl));padding-bottom:var(--space-3xl);position:relative;background:radial-gradient(ellipse 80% 60% at 30% 40%, var(--color-hero-glow-1), transparent),radial-gradient(ellipse 60% 50% at 80% 60%, var(--color-hero-glow-2), transparent),var(--color-bg)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.hero-content{max-width:560px}.hero-headline{font-size:clamp(2.5rem,5.5vw,4rem);font-weight:500;letter-spacing:-0.03em;line-height:1.08;margin-bottom:var(--space-lg);color:var(--color-text)}.hero-highlight{position:relative;white-space:nowrap;isolation:isolate}.hero-highlight::after{content:"";position:absolute;left:-4px;right:-4px;bottom:2px;height:40%;background:var(--color-highlight-underline);border-radius:2px 4px 3px 4px;z-index:-1;transform:rotate(-0.5deg) skewX(-2deg)}.hero-subheadline{font-size:clamp(1.0625rem,1.5vw,1.25rem);color:var(--color-text-secondary);line-height:1.55;margin-bottom:var(--space-2xl)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl)}.hero-platforms{font-size:.875rem;color:var(--color-text-tertiary);font-weight:400}.hero-visual{display:flex;justify-content:center}.hero-scroll{position:absolute;bottom:var(--space-2xl);left:50%;transform:translateX(-50%);color:var(--color-text-tertiary);font-size:1.25rem}.hero-scroll>i{display:block;animation:scrollBounce 2s var(--ease-in-out) infinite}@keyframes scrollBounce{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:.2}}@media(max-width: 839px){.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-4xl));padding-bottom:var(--space-4xl)}.hero-inner{grid-template-columns:1fr;gap:var(--space-3xl)}.hero-content{max-width:100%;text-align:center}.hero-actions{justify-content:center}.hero-platforms{text-align:center}.hero-scroll{display:none}}@media(max-width: 599px){.hero{padding-top:calc(var(--nav-height) + var(--space-3xl));padding-bottom:var(--space-3xl)}.hero-headline{font-size:clamp(2rem,8vw,2.75rem)}.hero-subheadline br{display:none}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}}.screenshot-frame{width:100%;max-width:480px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light)}.screenshot-frame--sm{max-width:440px}.screenshot-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border-light)}.screenshot-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border)}.screenshot-body{display:flex;min-height:280px}.screenshot-sidebar{width:52px;background:var(--color-bg-alt);border-right:1px solid var(--color-border-light);padding:12px 8px;display:flex;flex-direction:column;gap:8px}.screenshot-sidebar--mini{width:44px;padding:10px 6px}.screenshot-sidebar-item{height:8px;border-radius:3px;background:var(--color-border);opacity:.5}.screenshot-sidebar-item.active{background:var(--color-accent);opacity:1}.screenshot-main{flex:1;padding:12px;display:flex;flex-direction:column;gap:10px}.screenshot-toolbar{height:10px;width:60%;border-radius:3px;background:var(--color-bg-alt)}.screenshot-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;flex:1}.screenshot-book{border-radius:3px;aspect-ratio:2/3;opacity:.85}.screenshot-book:nth-child(5n+1){background:var(--book-1)}.screenshot-book:nth-child(5n+2){background:var(--book-2)}.screenshot-book:nth-child(5n+3){background:var(--book-3)}.screenshot-book:nth-child(5n+4){background:var(--book-4)}.screenshot-book:nth-child(5n+5){background:var(--book-5)}.screenshot-shelves{flex:1;display:flex;flex-direction:column;gap:8px}.screenshot-shelf-label{height:6px;width:40%;border-radius:3px;background:var(--color-text-tertiary);opacity:.3;margin-top:4px}.screenshot-shelf-row{display:flex;gap:6px}.screenshot-book-sm{width:36px;height:52px;border-radius:2px;opacity:.85}.screenshot-book-sm:nth-child(5n+1){background:var(--book-1)}.screenshot-book-sm:nth-child(5n+2){background:var(--book-2)}.screenshot-book-sm:nth-child(5n+3){background:var(--book-3)}.screenshot-book-sm:nth-child(5n+4){background:var(--book-4)}.screenshot-book-sm:nth-child(5n+5){background:var(--book-5)}.screenshot-body--reader{display:flex;min-height:260px}.screenshot-reader{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:7px;justify-content:center}.screenshot-reader-line{height:5px;border-radius:2px;background:var(--color-border);opacity:.4;width:85%}.screenshot-reader-line.long{width:95%}.screenshot-reader-line.med{width:70%}.screenshot-reader-line.short{width:45%}.screenshot-reader-settings{width:100px;background:var(--color-bg-alt);border-left:1px solid var(--color-border-light);padding:16px 10px;display:flex;flex-direction:column;gap:10px}.screenshot-setting-row{height:8px;border-radius:3px;background:var(--color-border);opacity:.5}.screenshot-body--annotations{min-height:260px}.screenshot-annotations{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.screenshot-highlight{display:flex;gap:8px;align-items:flex-start}.screenshot-hl-bar{width:3px;min-height:28px;height:100%;border-radius:2px;flex-shrink:0}.screenshot-highlight:nth-child(3n+1) .screenshot-hl-bar{background:var(--hl-1)}.screenshot-highlight:nth-child(3n+2) .screenshot-hl-bar{background:var(--hl-2)}.screenshot-highlight:nth-child(3n+3) .screenshot-hl-bar{background:var(--hl-3)}.screenshot-hl-lines{flex:1;display:flex;flex-direction:column;gap:5px;padding:4px 0}.screenshot-hl-note{width:100%;height:18px;border-radius:4px;opacity:.1;margin-top:4px}.screenshot-highlight:nth-child(3n+1) .screenshot-hl-note{background:var(--hl-1)}.screenshot-highlight:nth-child(3n+2) .screenshot-hl-note{background:var(--hl-2)}.screenshot-highlight:nth-child(3n+3) .screenshot-hl-note{background:var(--hl-3)}.screenshot-body--stats{min-height:260px}.screenshot-stats{flex:1;padding:16px;display:flex;flex-direction:column;gap:14px}.screenshot-stat-cards{display:flex;gap:8px}.screenshot-stat-card{flex:1;height:36px;border-radius:6px;background:var(--color-bg-alt)}.screenshot-chart{flex:1;display:flex;align-items:flex-end;gap:6px;padding-top:8px}.screenshot-bar{flex:1;height:var(--bar-h, 50%);border-radius:3px 3px 0 0;background:var(--color-accent);opacity:.6}.screenshot-bar:nth-child(even){background:var(--color-sage);opacity:.5}.trust-bar{background:var(--color-bg-alt);padding:var(--space-xl) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.trust-items{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-xl) var(--space-3xl)}.trust-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.9375rem;font-weight:500;color:var(--color-text-secondary)}.trust-item>i,.trust-item>svg{color:var(--color-accent);flex-shrink:0;font-size:1.25rem;width:22px;text-align:center}@media(max-width: 599px){.trust-items{gap:var(--space-md) var(--space-xl)}.trust-item{font-size:.8125rem}}.pillars{padding:var(--space-5xl) 0}.pillars-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl) var(--space-4xl)}.pillar-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.pillar-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-accent-light);flex-shrink:0}.pillar-icon>i,.pillar-icon>svg{color:var(--color-accent);font-size:1.125rem}.pillar-heading{font-size:1.25rem;font-weight:600;letter-spacing:-0.01em}.pillar-body{font-size:1.0625rem;color:var(--color-text-secondary);line-height:1.65}@media(max-width: 839px){.pillars-grid{gap:var(--space-2xl)}}@media(max-width: 599px){.pillars{padding:var(--space-4xl) 0}.pillars-grid{grid-template-columns:1fr;gap:var(--space-xl)}}.feature-dives{padding:var(--space-5xl) 0;background:var(--color-surface);border-top:1px solid var(--color-border-light)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl) var(--space-4xl)}.feature-card{padding-left:var(--space-lg);border-left:2px solid var(--color-accent)}.feature-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.feature-icon{color:var(--color-accent);font-size:1.25rem}.feature-heading{font-size:clamp(1.25rem,2.5vw,1.5rem);letter-spacing:-0.02em}.feature-list{display:flex;flex-direction:column;gap:var(--space-sm)}.feature-list li{font-size:1.0625rem;color:var(--color-text-secondary);padding-left:1.5rem;position:relative;line-height:1.6}.feature-list li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--color-accent);opacity:.6}@media(max-width: 839px){.feature-grid{gap:var(--space-2xl) var(--space-2xl)}}@media(max-width: 599px){.feature-dives{padding:var(--space-4xl) 0}.feature-grid{grid-template-columns:1fr;gap:var(--space-2xl)}}.platforms{padding:var(--space-5xl) 0;background:var(--color-bg);border-top:1px solid var(--color-border-light)}.platform-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.platform-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-light);transition:border-color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out);cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;-webkit-appearance:none;appearance:none;outline-offset:2px;position:relative}.platform-card:hover{border-color:var(--color-accent)}.platform-card:hover .platform-icon{color:var(--color-accent)}.platform-card:focus-visible{outline:2px solid var(--color-accent)}.platform-card[aria-expanded=true]{border-color:var(--color-accent);background:var(--color-accent-light)}.platform-card[aria-expanded=true] .platform-icon{color:var(--color-accent)}.platform-icon{font-size:2rem;line-height:1;color:var(--color-text-secondary);transition:color var(--duration-normal)}.platform-name{font-size:.9375rem;font-weight:600;color:var(--color-text)}.platform-details{display:none}.platform-details.is-open{display:block;margin-bottom:var(--space-2xl)}.platform-details-inner{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-2xl);position:relative}.platform-details-inner--with-qr{display:flex;align-items:stretch;justify-content:space-between}.platform-details-inner::before{content:"";position:absolute;left:0;top:var(--space-lg);bottom:var(--space-lg);width:3px;background:var(--color-accent);border-radius:0 3px 3px 0}.platform-details-left{display:flex;flex-direction:column;justify-content:center;gap:var(--space-xl);padding-right:var(--space-2xl)}.platform-details-header{display:flex;align-items:baseline;gap:var(--space-md)}.platform-details-title{font-family:var(--font-display);font-size:1.375rem;font-weight:600;color:var(--color-text);margin:0}.platform-details-version{font-size:.875rem;color:var(--color-text-tertiary);font-weight:500}.platform-details-actions{display:flex;flex-direction:column;gap:var(--space-md)}.platform-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.platform-download-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.5rem;background:var(--color-accent);color:var(--color-on-accent);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--duration-fast)}.platform-download-btn:hover{background:var(--color-accent-hover)}.platform-download-btn>i{font-size:.875rem}.platform-download-meta{font-size:.75rem;color:var(--color-text-tertiary);line-height:1.5}.platform-store-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--color-text);background:var(--color-surface);text-decoration:none;transition:border-color var(--duration-fast)}.platform-store-badge:hover{border-color:var(--color-accent)}.platform-store-badge>i{font-size:1.125rem;color:var(--color-text-secondary)}.platform-details-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding-left:var(--space-2xl);border-left:1px solid var(--color-border-light)}.platform-qr-code{width:148px;height:148px;background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px}.platform-qr-label{font-size:.75rem;color:var(--color-text-tertiary);text-align:center}.platforms-noscript{text-align:center;padding:var(--space-xl) 0}.platforms-noscript a{color:var(--color-accent);font-weight:500}.platforms-note{text-align:center;font-size:1.0625rem;color:var(--color-text-secondary)}@media(max-width: 839px){.platform-grid{grid-template-columns:repeat(3, 1fr)}.platform-details-inner--with-qr{flex-direction:column}.platform-details-left{padding-right:0;padding-bottom:var(--space-xl)}.platform-details-qr{flex-direction:row;gap:var(--space-md);align-items:center;padding-left:0;padding-top:var(--space-xl);border-left:none;border-top:1px solid var(--color-border-light)}.platform-qr-code{width:100px;height:100px}}@media(max-width: 599px){.platforms{padding:var(--space-4xl) 0}.platform-grid{grid-template-columns:repeat(2, 1fr);gap:var(--space-md)}.platform-card{padding:var(--space-lg)}.platform-details-inner{padding:var(--space-lg);padding-left:calc(var(--space-lg) + 3px)}.platform-details-header{flex-direction:column;gap:var(--space-xs)}.platform-actions-row{flex-direction:column;align-items:stretch}.platform-download-btn{justify-content:center}.platform-store-badge{justify-content:center}.platform-details-qr{flex-direction:column;align-items:center}.platform-qr-code{width:140px;height:140px}}.storage{padding:var(--space-5xl) 0;background:var(--color-surface);border-top:1px solid var(--color-border-light)}.storage-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2xl) var(--space-3xl);margin-bottom:var(--space-2xl)}.storage-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.storage-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-bg-alt);color:var(--color-text-secondary);font-size:1.5rem;transition:all var(--duration-normal) var(--ease-out)}.storage-item:hover .storage-icon{color:var(--color-accent);background:var(--color-accent-light)}.storage-item span{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.storage-link{display:flex;align-items:center;gap:var(--space-sm);justify-content:center;font-size:.9375rem;font-weight:600;color:var(--color-accent);transition:gap var(--duration-normal) var(--ease-out)}.storage-link:hover{gap:var(--space-md)}.storage-link>i,.storage-link>svg{transition:transform var(--duration-normal) var(--ease-out);font-size:.875rem}.storage-link:hover>i,.storage-link:hover>svg{transform:translateX(2px)}@media(max-width: 599px){.storage{padding:var(--space-4xl) 0}.storage-grid{gap:var(--space-xl) var(--space-2xl)}}.open-source{padding:var(--space-5xl) 0;background:var(--color-dark);color:var(--color-dark-text)}.oss-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-xl);max-width:800px;margin:0 auto var(--space-3xl)}.oss-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-dark-surface)}.oss-item>i,.oss-item>svg{color:var(--color-accent);flex-shrink:0;margin-top:2px;font-size:1.25rem;width:24px;text-align:center}.oss-item p{font-size:.9375rem;color:var(--color-dark-text-secondary);line-height:1.5}.oss-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-md)}@media(max-width: 839px){.oss-grid{grid-template-columns:1fr}}@media(max-width: 599px){.open-source{padding:var(--space-4xl) 0}.oss-actions{flex-direction:column;align-items:center}.oss-actions .btn{width:100%;justify-content:center}}.footer{background:var(--color-dark);color:var(--color-dark-text-secondary);padding:var(--space-3xl) 0 var(--space-xl);border-top:1px solid var(--color-dark-surface)}.footer-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-3xl);margin-bottom:var(--space-2xl)}.footer-col{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-heading{font-family:var(--font-body);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-dark-text);margin-bottom:var(--space-sm)}.footer-link{font-size:.9375rem;color:var(--color-dark-text-secondary);transition:color var(--duration-fast);padding:2px 0}.footer-link:hover{color:var(--color-dark-text)}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid var(--color-dark-surface)}.footer-brand{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-dark-text-secondary);opacity:.7}.footer-brand>i,.footer-brand>svg{flex-shrink:0;font-size:1rem}@media(max-width: 599px){.footer{padding:var(--space-2xl) 0 var(--space-lg)}.footer-grid{grid-template-columns:1fr;gap:var(--space-2xl)}}