:root{--mintu-body: #A8E8D5;--mintu-body-shadow: #8FE0C8;--mintu-belly: #FFF2DD;--mintu-belly-shadow: #FBE6CA;--mintu-outline: #2D3E36;--mintu-eye: #23342D;--mintu-blush: #FFAAA6;--mintu-tongue: #FF758F;--mintu-ear-inner: #92DFC9;--color-mint-50: #F0FDF8;--color-mint-100: #E0F9EF;--color-mint-200: #C2F2DF;--color-mint-300: #A8E8D5;--color-mint-400: #4ADE80;--color-mint-500: #10B981;--color-mint-600: #059669;--color-mint-700: #047857;--island-bg: #000000;--island-bg-glass: rgba(10, 14, 12, .94);--island-rim: rgba(255, 255, 255, .16);--island-rim-active: rgba(255, 255, 255, .32);--island-inner-glow: inset 0 1px 0 rgba(255, 255, 255, .18);--island-shadow: 0 18px 42px rgba(0, 0, 0, .55), 0 6px 14px rgba(0, 0, 0, .35);--island-glow-mint: 0 20px 48px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .2);--bg-page: #FAFDFB;--bg-gradient: radial-gradient(ellipse 120% 70% at 50% -10%, #E8FAF3 0%, #F8FCFA 45%, #FFFDF8 100%);--bg-surface: #FFFFFF;--bg-surface-elevated: rgba(255, 255, 255, .88);--bg-surface-subtle: #F3F9F5;--bg-card: rgba(255, 255, 255, .75);--border-card: rgba(168, 232, 213, .45);--border-subtle: rgba(45, 62, 54, .1);--border-focus: #10B981;--text-primary: #1C2B24;--text-secondary: #4A6357;--text-tertiary: #6E877B;--text-on-dark: #FFFFFF;--text-on-dark-muted: rgba(255, 255, 255, .72);--accent-primary: #059669;--accent-primary-hover: #047857;--accent-secondary: #10B981;--accent-light: #C2F2DF;--badge-bg: rgba(16, 185, 129, .12);--badge-text: #065F46;--shadow-xs: 0 1px 2px rgba(45, 62, 54, .05);--shadow-sm: 0 2px 6px rgba(45, 62, 54, .08);--shadow-md: 0 8px 24px rgba(45, 62, 54, .1);--shadow-lg: 0 16px 40px rgba(45, 62, 54, .12);--shadow-card: 0 4px 20px rgba(45, 62, 54, .06), 0 1px 3px rgba(45, 62, 54, .04);--shadow-card-hover: 0 14px 34px rgba(45, 62, 54, .12), 0 2px 6px rgba(45, 62, 54, .06);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 9999px;--radius-island: 38px;--space-0-5: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--container-max-width: 1200px;--container-narrow-width: 860px;--header-height: 72px;--font-display: "Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--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.75rem;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--spring-bounce: .45s cubic-bezier(.175, .885, .32, 1.275)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-page: #0C1210;--bg-gradient: radial-gradient(ellipse 120% 70% at 50% -10%, #112820 0%, #0B1311 50%, #060908 100%);--bg-surface: #131D18;--bg-surface-elevated: rgba(22, 34, 28, .88);--bg-surface-subtle: #192721;--bg-card: rgba(18, 28, 23, .75);--border-card: rgba(168, 232, 213, .2);--border-subtle: rgba(255, 255, 255, .1);--border-focus: #34D399;--text-primary: #F2FAF6;--text-secondary: #ADC3B8;--text-tertiary: #7F998D;--accent-primary: #10B981;--accent-primary-hover: #34D399;--accent-secondary: #059669;--accent-light: rgba(16, 185, 129, .2);--badge-bg: rgba(16, 185, 129, .22);--badge-text: #6EE7B7;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 14px 40px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{--bg-page: #0C1210;--bg-gradient: radial-gradient(ellipse 120% 70% at 50% -10%, #112820 0%, #0B1311 50%, #060908 100%);--bg-surface: #131D18;--bg-surface-elevated: rgba(22, 34, 28, .88);--bg-surface-subtle: #192721;--bg-card: rgba(18, 28, 23, .75);--border-card: rgba(168, 232, 213, .2);--border-subtle: rgba(255, 255, 255, .1);--border-focus: #34D399;--text-primary: #F2FAF6;--text-secondary: #ADC3B8;--text-tertiary: #7F998D;--accent-primary: #10B981;--accent-primary-hover: #34D399;--accent-secondary: #059669;--accent-light: rgba(16, 185, 129, .2);--badge-bg: rgba(16, 185, 129, .22);--badge-text: #6EE7B7;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 14px 40px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fredoka-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fredoka-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fredoka-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fredoka-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-page);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.skip-link{position:absolute;top:-100px;left:16px;background:var(--island-bg);color:#fff;padding:12px 20px;border-radius:var(--radius-sm);border:2px solid var(--accent-secondary);font-weight:600;z-index:9999;transition:top var(--transition-fast);text-decoration:none}.skip-link:focus{top:16px;outline:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px;border-radius:var(--radius-xs)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-primary);line-height:1.25}p{color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}kbd{display:inline-block;padding:2px 7px;font-size:.82em;font-weight:600;line-height:1.3;color:var(--text-primary);background-color:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);box-shadow:0 1px 1px #0000001a}img,video{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1280px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.container-narrow{max-width:var(--container-narrow-width)}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}@media(min-width:768px){.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 14px;background-color:var(--badge-bg);color:var(--badge-text);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);margin-bottom:var(--space-3);border:1px solid rgba(16,185,129,.2)}.section-title{font-size:var(--text-3xl);margin-bottom:var(--space-3);letter-spacing:-.02em}@media(min-width:768px){.section-title{font-size:var(--text-4xl)}}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:680px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 24px;font-size:var(--text-base);font-weight:600;line-height:1.25;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-normal);max-width:100%;box-sizing:border-box;min-height:44px}@media(max-width:480px){.btn{white-space:normal;text-align:center}}.btn-primary{background:#059669;background-image:linear-gradient(180deg,#10b981,#059669);color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000001f,inset 0 1px #ffffff38}.btn-primary:hover{background:#047857;background-image:linear-gradient(180deg,#10b981,#047857);border-color:#0000002e;box-shadow:0 4px 14px #0000002e,inset 0 1px #ffffff4d;color:#fff;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px);box-shadow:0 1px 3px #00000026,inset 0 1px 2px #0003}.btn-secondary{background-color:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-subtle);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px)}.btn-secondary:hover{background-color:var(--bg-surface-subtle);border-color:var(--border-card);color:var(--text-primary);transform:translateY(-1px)}.btn-dark{background-color:var(--island-bg);color:#fff;border:1px solid var(--island-rim);box-shadow:var(--island-shadow)}.btn-dark:hover{border-color:var(--island-rim-active);box-shadow:var(--island-glow-mint);color:#fff}.btn-sm{padding:8px 16px;font-size:var(--text-sm);min-height:38px}.svg-icon{width:1.25em;height:1.25em;fill:currentColor;display:inline-block;vertical-align:middle;flex-shrink:0}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;transition:background-color var(--transition-normal),backdrop-filter var(--transition-normal),box-shadow var(--transition-normal);display:flex;align-items:center}.site-header.header-scrolled{background-color:var(--bg-surface-elevated);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px #0000000f;border-bottom:1px solid var(--border-subtle)}.header-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.header-brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;flex-shrink:0}.brand-icon{width:36px;height:36px;display:block;border-radius:var(--radius-sm)}.brand-name{letter-spacing:-.01em}.header-nav{display:none}@media(min-width:992px){.header-nav{display:flex;align-items:center;gap:var(--space-6)}.nav-link{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:6px 4px;position:relative}.nav-link:hover{color:var(--accent-primary)}}.header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}@media(min-width:768px){.header-actions{gap:var(--space-3)}}.counter-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--island-bg);color:#fff;border:1px solid var(--island-rim);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;text-decoration:none;box-shadow:0 2px 8px #00000040;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;max-width:100%}.counter-pill:hover{border-color:#ffffff59;box-shadow:0 4px 14px #00000073;color:#fff;transform:translateY(-1px)}.counter-icon{width:14px;height:14px;color:var(--mintu-body);flex-shrink:0}.counter-value{font-variant-numeric:tabular-nums;font-weight:700;color:#fff}@media(max-width:539px){.site-header .header-container{padding-left:12px;padding-right:12px;gap:8px}.header-brand{font-size:1.15rem;gap:6px}.brand-icon{width:30px;height:30px}.counter-pill{padding:5px 9px;font-size:11px;gap:4px}.counter-label{display:none!important}.zero-text-desktop{display:none}.zero-text-mobile{display:inline}.btn-mobile-menu{width:38px;height:38px;padding:6px}}@media(min-width:540px){.zero-text-desktop{display:inline}.zero-text-mobile{display:none}.counter-label{display:inline}}.lang-switch{display:none;align-items:center;gap:4px;padding:6px 10px;font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);background-color:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.lang-switch:hover{color:var(--text-primary);border-color:var(--border-card);background-color:var(--bg-surface-elevated)}@media(min-width:840px){.lang-switch{display:inline-flex}}.btn-github{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);background-color:var(--bg-surface-subtle);border:1px solid var(--border-subtle);color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast)}.btn-github:hover{background-color:var(--bg-surface-elevated);border-color:var(--border-card);color:var(--accent-primary);transform:translateY(-1px)}@media(min-width:768px){.btn-github{display:inline-flex}}.btn-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);background-color:var(--bg-surface-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}@media(max-width:539px){.btn-theme-toggle{display:none}}.btn-theme-toggle:hover{color:var(--text-primary);background-color:var(--bg-surface-elevated);border-color:var(--border-card)}.icon-sun{display:none}.icon-moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-sun{display:block}:root:not([data-theme=light]) .icon-moon{display:none}}:root[data-theme=dark] .icon-sun{display:block}:root[data-theme=dark] .icon-moon{display:none}:root[data-theme=light] .icon-sun{display:none}:root[data-theme=light] .icon-moon{display:block}.header-download-btn{display:none}@media(min-width:640px){.header-download-btn{display:inline-flex}}.btn-mobile-menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;padding:8px;transition:all var(--transition-fast)}.btn-mobile-menu:hover{background-color:var(--bg-surface-subtle)}@media(min-width:992px){.btn-mobile-menu{display:none}}.mobile-menu-modal{position:fixed;inset:0;background-color:var(--bg-surface);z-index:2000;display:flex;flex-direction:column;padding:var(--space-6);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);overflow-y:auto}.mobile-menu-modal.is-open{opacity:1;pointer-events:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.mobile-menu-nav{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.mobile-nav-link{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--border-subtle);transition:color var(--transition-fast)}.mobile-nav-link:hover{color:var(--accent-primary)}.mobile-menu-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto}.island-demo-section{position:relative;overflow:hidden}.island-demo-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);width:100%}.island-tabs-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);padding:4px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);max-width:100%}.island-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.island-tab-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-subtle)}.island-tab-btn.active{color:#fff;background:var(--island-bg);border-color:var(--island-rim);box-shadow:0 4px 12px #00000040}.island-tab-btn.active .tab-icon{color:var(--mintu-body)}.tab-icon{width:16px;height:16px;display:inline-block;vertical-align:middle}.island-stage{width:100%;display:flex;justify-content:center;align-items:center;min-height:260px;padding:var(--space-6) var(--space-2)}.interactive-island-pill{position:relative;background-color:var(--island-bg);border:1px solid var(--island-rim);box-shadow:var(--island-shadow),var(--island-inner-glow);border-radius:var(--radius-island);color:#fff;overflow:hidden;transition:width .4s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1),border-radius .4s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease;width:100%;max-width:480px;min-height:84px;display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-6)}.interactive-island-pill:hover{border-color:#ffffff47;box-shadow:0 24px 54px #000000a6,0 6px 16px #00000059}.interactive-island-pill.state-sleep{max-width:420px;min-height:84px}.interactive-island-pill.state-notification{max-width:520px;min-height:100px}.interactive-island-pill.state-music{max-width:460px;min-height:88px}.interactive-island-pill.state-timer{max-width:440px;min-height:88px}.interactive-island-pill.state-chat{max-width:620px;min-height:160px;border-radius:var(--radius-xl)}.island-state-view{display:none;width:100%;align-items:center;animation:islandFadeIn .35s ease forwards}.island-state-view.active{display:flex}@keyframes islandFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.island-pet-slot{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.island-pet-svg{width:56px;height:56px}.view-sleep{gap:var(--space-4)}.sleep-content{flex:1}.sleep-title{font-size:var(--text-base);font-weight:700;color:#fff;margin-bottom:2px}.sleep-sub{font-size:var(--text-xs);color:var(--text-on-dark-muted)}.sleep-zzz{position:absolute;top:-4px;right:0;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--mintu-body);animation:floatZ 3s infinite ease-in-out}@keyframes floatZ{0%{transform:translateY(0) scale(.8);opacity:0}50%{transform:translateY(-8px) scale(1.1);opacity:.9}to{transform:translateY(-16px) scale(1.3);opacity:0}}.view-notification{gap:var(--space-4);align-items:flex-start}.notif-content{flex:1;min-width:0}.notif-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:2px}.notif-source{font-size:var(--text-xs);color:var(--mintu-body);font-weight:600;display:flex;align-items:center;gap:4px}.notif-title{font-size:var(--text-sm);font-weight:700;color:#fff}.notif-message{font-size:var(--text-xs);color:var(--text-on-dark-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-2)}.notif-actions{display:flex;gap:var(--space-2)}.notif-btn{padding:3px 10px;font-size:var(--text-xs);border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer}.notif-btn-primary{background:#10b981;border-color:#10b981;color:#fff;font-weight:600}.view-music{gap:var(--space-4);justify-content:space-between}.music-info{flex:1;min-width:0}.music-title{font-size:var(--text-sm);font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-artist{font-size:var(--text-xs);color:var(--text-on-dark-muted);display:flex;align-items:center;gap:6px}.equalizer-wave{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.equalizer-bar{width:3px;background-color:var(--mintu-body);border-radius:2px;animation:eqBounce 1s infinite ease-in-out alternate}.equalizer-bar:nth-child(1){height:6px;animation-delay:.1s}.equalizer-bar:nth-child(2){height:12px;animation-delay:.3s}.equalizer-bar:nth-child(3){height:8px;animation-delay:.2s}.equalizer-bar:nth-child(4){height:14px;animation-delay:.4s}@keyframes eqBounce{0%{height:3px}to{height:14px}}.view-timer{gap:var(--space-4)}.timer-ring-container{position:relative;width:54px;height:54px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-svg-ring{width:54px;height:54px;transform:rotate(-90deg)}.timer-circle-bg{stroke:#ffffff26}.timer-circle-fg{stroke:#10b981;stroke-dasharray:150;stroke-dashoffset:40;transition:stroke-dashoffset .5s ease}.timer-inner-icon{position:absolute;width:24px;height:24px;color:#10b981}.timer-content{flex:1}.timer-digits{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1;letter-spacing:.04em;color:#fff}.timer-mode-tag{font-size:var(--text-xs);color:var(--mintu-body);font-weight:600;margin-top:2px}.timer-dots{display:flex;gap:4px;margin-top:4px}.timer-dot{width:6px;height:6px;border-radius:var(--radius-pill);background-color:#fff3}.timer-dot.filled{background-color:#10b981}.view-chat{flex-direction:column;align-items:stretch;gap:var(--space-3)}.chat-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.chat-model-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;color:var(--mintu-body)}.chat-pulse-dot{width:8px;height:8px;border-radius:var(--radius-pill);background-color:#10b981;box-shadow:0 0 8px #10b981;animation:dotPulse 2s infinite ease-in-out}@keyframes dotPulse{0%,to{opacity:.4}50%{opacity:1}}.chat-stream-box{display:flex;flex-direction:column;gap:6px}.chat-prompt{font-size:var(--text-xs);color:var(--text-on-dark-muted);background:#ffffff0f;padding:6px 10px;border-radius:var(--radius-sm)}.chat-response{font-size:var(--text-xs);color:#fff;line-height:1.5}.chat-cursor{display:inline-block;width:6px;height:14px;background-color:var(--mintu-body);vertical-align:middle;margin-left:2px;animation:blink 1s infinite step-start}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.interactive-island-pill{transition:none!important}.equalizer-bar,.sleep-zzz,.chat-cursor,.chat-pulse-dot{animation:none!important}.equalizer-bar{height:8px!important}}.hero-section{padding-top:calc(var(--header-height) + var(--space-8));padding-bottom:var(--space-16);text-align:center;position:relative}@media(min-width:768px){.hero-section{padding-top:calc(var(--header-height) + var(--space-12));padding-bottom:var(--space-20)}}.hero-badge-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 16px;background-color:var(--badge-bg);color:var(--badge-text);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);border:1px solid rgba(16,185,129,.25);margin-bottom:var(--space-4)}.hero-headline{font-size:clamp(1.65rem,5vw + .5rem,2.25rem);font-weight:700;line-height:1.18;letter-spacing:-.025em;max-width:900px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-4);word-break:break-word;overflow-wrap:break-word}@media(min-width:768px){.hero-headline{font-size:var(--text-5xl)}}@media(min-width:1024px){.hero-headline{font-size:var(--text-6xl)}}.hero-subheading{font-size:var(--text-base);color:var(--text-secondary);max-width:740px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-8);line-height:1.55;word-break:break-word}@media(min-width:768px){.hero-subheading{font-size:var(--text-xl)}}.hero-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);width:100%}@media(max-width:480px){.hero-actions .btn{width:100%;padding:12px 14px;font-size:.9rem;flex-wrap:wrap}}@media(min-width:480px){.hero-actions{flex-direction:row}}.hero-requirements-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-10)}.hero-visual-wrapper{margin-top:var(--space-8);display:flex;justify-content:center;position:relative;width:100%}.hero-island-pill{width:100%;max-width:440px;padding:10px 16px;box-shadow:0 20px 48px #00000080,0 4px 12px #00000040}.hero-island-text{flex:1;text-align:left;padding-left:10px;min-width:0}.hero-island-name{font-weight:700;font-size:14px;color:#fff}.hero-island-status{font-size:11px;color:var(--text-on-dark-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-island-badge{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:600;color:#10b981;flex-shrink:0}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:#10b98166}.feature-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.feature-badge{font-size:var(--text-xs);font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);background-color:var(--badge-bg);color:var(--badge-text);border:1px solid rgba(16,185,129,.2)}.feature-badge.badge-coming-soon{background-color:#f59e0b26;color:#d97706;border-color:#f59e0b4d}.feature-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.feature-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55;flex:1}.privacy-lead-card{background-color:var(--island-bg);color:#fff;border:1px solid var(--island-rim);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--island-shadow);margin-bottom:var(--space-10);text-align:center;position:relative;overflow:hidden}.privacy-lead-text{font-size:var(--text-lg);color:var(--text-on-dark-muted);max-width:760px;margin:0 auto var(--space-4);line-height:1.6}.privacy-pillars-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-8)}@media(min-width:640px){.privacy-pillars-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.privacy-pillars-grid{grid-template-columns:repeat(3,1fr)}}.privacy-pillar-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);backdrop-filter:blur(12px)}.privacy-pillar-title{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.privacy-pillar-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.privacy-statement-link-wrap{text-align:center;margin-top:var(--space-6)}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);position:relative}@media(min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-card);position:relative;display:flex;flex-direction:column}.step-number{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--mintu-body);line-height:1;margin-bottom:var(--space-4)}.step-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.step-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}.gallery-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-card-featured{grid-column:span 2}}@media(min-width:1024px){.gallery-grid{grid-template-columns:repeat(4,1fr)}.gallery-card-featured{grid-column:span 4}}.gallery-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.gallery-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.gallery-img-wrapper{position:relative;background:radial-gradient(ellipse 90% 70% at 50% 50%,#10b98114,#000000d9),#0a0f0d;border-bottom:1px solid var(--border-subtle);overflow:hidden;padding:var(--space-8) var(--space-4);display:flex;align-items:center;justify-content:center;min-height:150px}.gallery-img{max-width:92%;max-height:110px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6));transition:transform .3s cubic-bezier(.16,1,.3,1)}.gallery-card:hover .gallery-img{transform:scale(1.04)}.gallery-caption{padding:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.45}.gallery-video-wrapper{margin-bottom:var(--space-10);background-color:var(--island-bg);border:1px solid var(--island-rim);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--island-shadow)}.gallery-video{width:100%;aspect-ratio:16 / 9;background-color:#000}.gallery-video-footer{padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);color:var(--text-on-dark-muted);font-size:var(--text-sm)}.download-card-container{max-width:720px;margin:0 auto}.download-installer-card{background-color:var(--bg-surface-elevated);border:2px solid var(--border-card);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);backdrop-filter:blur(16px)}.download-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.download-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8);background-color:var(--bg-surface-subtle);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}@media(min-width:540px){.download-meta-grid{grid-template-columns:repeat(4,1fr)}}.meta-item-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:2px}.meta-item-val{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.download-primary-btn-wrap{text-align:center;margin-bottom:var(--space-4)}.download-btn-large{width:100%;padding:16px 32px;font-size:var(--text-lg)}.download-sub-links{display:flex;align-items:center;justify-content:center;gap:var(--space-6);font-size:var(--text-sm)}.smartscreen-box{background-color:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.smartscreen-title{font-size:var(--text-base);font-weight:700;color:#1d4ed8;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .smartscreen-title{color:#93c5fd}}.smartscreen-steps{margin-left:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.requirements-box{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.requirements-title{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-3)}.requirements-list{list-style:none;display:grid;grid-template-columns:1fr;gap:var(--space-2);font-size:var(--text-sm)}@media(min-width:540px){.requirements-list{grid-template-columns:1fr 1fr}}.build-source-box{background-color:var(--island-bg);color:#fff;border:1px solid var(--island-rim);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--island-shadow)}.build-source-title{font-size:var(--text-base);font-weight:700;color:#fff;margin-bottom:var(--space-2)}.build-source-intro{font-size:var(--text-sm);color:var(--text-on-dark-muted);margin-bottom:var(--space-3)}.build-source-code{background-color:#ffffff14;padding:var(--space-4);border-radius:var(--radius-sm);color:var(--mintu-body);overflow-x:auto;line-height:1.5}.faq-accordion{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.faq-item[open]{border-color:#10b98159;box-shadow:0 4px 16px #00000014}.faq-summary{padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;user-select:none;transition:color var(--transition-fast)}.faq-summary:hover{color:var(--accent-primary)}.faq-summary::-webkit-details-marker{display:none}.faq-chevron{width:18px;height:18px;color:var(--accent-primary);transition:transform .35s cubic-bezier(.16,1,.3,1);flex-shrink:0}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-6) var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.faq-item[open] .faq-answer{animation:faqAnswerSlide .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes faqAnswerSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.faq-item[open] .faq-answer{animation:none!important}.faq-chevron{transition:none!important}}.roadmap-timeline{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.roadmap-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2)}.roadmap-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.roadmap-milestone-tag{font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.roadmap-status-badge{font-size:var(--text-xs);font-weight:700;padding:3px 10px;border-radius:var(--radius-pill)}.roadmap-status-badge.completed{background-color:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}.roadmap-status-badge.coming-soon{background-color:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.roadmap-milestone-title{font-size:var(--text-lg);font-weight:700}.roadmap-milestone-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}.community-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.community-grid{grid-template-columns:repeat(3,1fr)}}.community-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.community-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.community-card-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.community-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.site-footer{margin-top:auto;background-color:var(--bg-surface-elevated);border-top:1px solid var(--border-subtle);padding-top:var(--space-12);padding-bottom:var(--space-10);font-size:var(--text-sm);color:var(--text-secondary)}.footer-top{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}@media(min-width:768px){.footer-top{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand-col{max-width:400px}.footer-brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.footer-brand-icon{width:28px;height:28px}.footer-tagline{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.5}.footer-links-nav{display:flex;flex-wrap:wrap;gap:var(--space-6)}.footer-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent-primary)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.footer-disclaimer{line-height:1.5}.doc-page-container{padding-top:calc(var(--header-height) + var(--space-8));padding-bottom:var(--space-16)}.doc-article{background-color:var(--bg-surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card);backdrop-filter:blur(12px)}@media(min-width:768px){.doc-article{padding:var(--space-12)}}.doc-header{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-6);margin-bottom:var(--space-8)}.doc-title{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.doc-meta{font-size:var(--text-sm);color:var(--text-tertiary)}.doc-section{margin-bottom:var(--space-8)}.doc-section-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-3)}.doc-section-content{font-size:var(--text-base);color:var(--text-secondary);line-height:1.65}.notfound-container{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-4)}.notfound-code{font-family:var(--font-display);font-size:5rem;font-weight:700;line-height:1;color:var(--mintu-body);margin-bottom:var(--space-2)}.notfound-title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.notfound-message{font-size:var(--text-base);color:var(--text-secondary);max-width:480px;margin-bottom:var(--space-6)}