@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-cyrillic-ext-400-normal-BuyJL26e.woff2) format("woff2"),url(/assets/pacifico-cyrillic-ext-400-normal-BH1b5rOk.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-cyrillic-400-normal-DS5_g9Hw.woff2) format("woff2"),url(/assets/pacifico-cyrillic-400-normal-BtlfDWif.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-vietnamese-400-normal-CNs27uJ4.woff2) format("woff2"),url(/assets/pacifico-vietnamese-400-normal-CLnUcRoK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-latin-ext-400-normal-Ba3kv-va.woff2) format("woff2"),url(/assets/pacifico-latin-ext-400-normal-nyRvH6_c.woff) format("woff");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:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-latin-400-normal-7HIToT7q.woff2) format("woff2"),url(/assets/pacifico-latin-400-normal-DArfF-vd.woff) format("woff");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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-ext-400-normal-DWiEslNC.woff2) format("woff2"),url(/assets/bebas-neue-latin-ext-400-normal-HFKRJXnW.woff) format("woff");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:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2) format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff) format("woff");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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-base: #E8E8E8;--color-surface: #F0F0F0;--color-surface-raised: #F5F5F5;--color-surface-pressed: #E0E0E0;--color-border: #D0D0D0;--color-text: #1A1A1A;--color-text-muted: #6B6B6B;--color-text-subtle: #9E9E9E;--color-accent: #1A1A1A;--color-accent-hover: #333333;--shadow-sm: 4px 4px 8px rgba(0, 0, 0, .08), -2px -2px 6px rgba(255, 255, 255, .8);--shadow-md: 6px 6px 12px rgba(0, 0, 0, .1), -4px -4px 10px rgba(255, 255, 255, .9);--shadow-lg: 8px 8px 16px rgba(0, 0, 0, .12), -6px -6px 14px rgba(255, 255, 255, .9);--shadow-inset: inset 3px 3px 6px rgba(0, 0, 0, .08), inset -2px -2px 5px rgba(255, 255, 255, .8);--shadow-inset-deep: inset 4px 4px 8px rgba(0, 0, 0, .12), inset -3px -3px 6px rgba(255, 255, 255, .8);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-brand: "Pacifico", cursive;--font-display: "Bebas Neue", sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--text-2xs: 10px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 64px;--text-7xl: 80px;--space-0: 0;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--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;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out}html{scroll-behavior:smooth;scroll-padding-top:8px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background:var(--color-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}@media(min-width:768px){.container{padding:0 var(--space-12)}}.section{padding:var(--space-20) 0}.heading-hero{font-family:var(--font-display);font-size:var(--text-7xl);font-weight:400;line-height:.95;letter-spacing:.02em;color:var(--color-text);text-transform:uppercase}.heading-section{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:400;line-height:1.1;letter-spacing:.02em;color:var(--color-text);text-transform:uppercase}.heading-card{font-size:var(--text-xl);font-weight:600;line-height:1.3;color:var(--color-text)}.text-body{font-size:var(--text-lg);line-height:1.7;color:var(--color-text-muted)}.clay-surface{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all var(--transition-normal)}.clay-surface:hover{background:var(--color-surface-raised);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.clay-surface-static{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6)}.clay-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-6);border:none;cursor:pointer;font-size:var(--text-base);font-weight:600;font-family:var(--font-sans);color:var(--color-text);transition:all var(--transition-normal);text-decoration:none}.clay-button:hover{background:var(--color-surface-raised);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.clay-button:active{box-shadow:var(--shadow-inset-deep);transform:translateY(1px)}.clay-button-primary{background:var(--color-text);color:var(--color-base);box-shadow:var(--shadow-lg)}.clay-button-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.clay-button-primary:active{background:var(--color-text);box-shadow:var(--shadow-inset);transform:translateY(1px)}.clay-button-lg{padding:var(--space-4) var(--space-10);font-size:var(--text-lg);font-weight:700;border-radius:var(--radius-2xl)}.nav-wrapper{position:fixed;top:var(--space-5);left:0;width:100%;z-index:200;display:flex;justify-content:center;pointer-events:none}.nav{pointer-events:auto;background:#f0f0f0cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);box-shadow:var(--shadow-md);padding:var(--space-1-5) var(--space-2) var(--space-1-5) var(--space-6);display:inline-block}.nav-inner{display:flex;align-items:center;gap:var(--space-6)}.nav-logo{font-family:var(--font-brand);font-size:var(--text-xl);color:var(--color-text);text-decoration:none;padding-top:4px;margin-bottom:4px}.nav-links{display:flex;gap:var(--space-5);align-items:center}.nav-link{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text)}.nav-cta{border-radius:var(--radius-full);padding:var(--space-1-5) var(--space-4);font-size:var(--text-sm)}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-text)}.nav-mobile-menu{display:none}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-12);padding:120px var(--space-6) var(--space-20);width:100%;min-height:100vh;min-height:100svh}@media(min-width:768px){.hero{padding:160px var(--space-12) var(--space-20);gap:var(--space-16)}}@media(min-width:1024px){.hero{padding:180px var(--space-12) var(--space-20);gap:var(--space-20)}}.hero-text{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto}.hero-headline{margin-bottom:var(--space-8)}.hero-subheadline{max-width:600px;margin-bottom:var(--space-10);font-size:var(--text-lg);line-height:1.6;color:var(--color-text-muted)}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.hero-visual{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto}.hero-state-label{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.hero-state-label span{font-size:var(--text-sm);font-weight:600;transition:color var(--transition-normal)}.hero-frame{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;line-height:0}.hero-frame img{width:100%;display:block}.browser-frame{background:var(--color-surface-raised);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden}.browser-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border)}.browser-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border)}.browser-address{flex:1;margin-left:var(--space-2);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);padding:var(--space-1) var(--space-4);font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono)}.browser-frame-content{line-height:0}.browser-frame-content img{width:100%;display:block}.image-toggle-container{display:flex;flex-direction:column;width:100%}.image-crossfade-wrapper{position:relative;width:100%}.crossfade-img{width:100%;display:block;transition:opacity .6s ease-in-out}.crossfade-img:nth-child(2){position:absolute;top:0;left:0;height:100%}.crossfade-img.hidden{opacity:0;pointer-events:none}.crossfade-img.visible{opacity:1}.core-features-header{text-align:center;margin-bottom:var(--space-20)}.core-features-headline{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:400;line-height:1.1;letter-spacing:.02em;color:var(--color-text);text-transform:uppercase;max-width:800px;margin:0 auto}.core-features-subline{margin-top:var(--space-6);font-size:var(--text-3xl);font-family:var(--font-sans);font-weight:400;line-height:1.5;color:var(--color-text-muted);max-width:800px;margin-left:auto;margin-right:auto}.core-features{display:flex;flex-direction:column;gap:var(--space-24)}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.feature-row-reversed .feature-text{order:2}.feature-row-reversed .feature-visual{order:1}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);margin-bottom:var(--space-5)}.feature-text h3{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4);color:var(--color-text)}.feature-text p{font-size:var(--text-lg);line-height:1.7;color:var(--color-text-muted);max-width:460px}.mock-homeview{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);aspect-ratio:4 / 3;width:100%;max-width:520px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-8)}.mock-h-hamburger{position:absolute;top:var(--space-4);left:var(--space-4);width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text)}.mock-h-logo{display:flex;align-items:center;justify-content:center}.mock-h-search{width:100%;max-width:400px;display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-pressed);box-shadow:var(--shadow-inset);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);color:var(--color-text-subtle);font-size:var(--text-sm)}.mock-timer{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-8)}.mock-timer-ring{position:relative}.mock-timer-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:var(--color-surface-pressed);box-shadow:var(--shadow-inset)}.mock-timer-face{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.mock-timer-time{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:700;color:var(--color-text);letter-spacing:-.025em;line-height:1}.mock-timer-labels{display:flex;align-items:center;justify-content:center}.mock-timer-lockin-badge{display:flex;align-items:center;gap:6px;background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--color-text-muted)}.mock-timer-lockin-badge svg{stroke:var(--color-text-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mock-exit-modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);aspect-ratio:4 / 3;min-height:max-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-8)}.mock-exit-header{font-size:var(--text-lg);font-weight:700;color:var(--color-text);text-align:center}.mock-exit-subtext{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;line-height:1.5}.mock-exit-typing{background:var(--color-surface-pressed);box-shadow:var(--shadow-inset);border-radius:var(--radius-lg);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;text-align:center;width:100%}.mock-exit-word{white-space:nowrap}.mock-exit-char{color:var(--color-text-muted)}.mock-exit-char.typed{color:var(--color-text);font-weight:700}.mock-exit-char.cursor{background:var(--color-text);color:var(--color-base);border-radius:2px}.mock-exit-actions{display:flex;flex-direction:column;width:100%}.mock-exit-btn-disabled{text-align:center;background:var(--color-base);color:var(--color-text-subtle);border-radius:var(--radius-full);padding:var(--space-2) 0;font-size:var(--text-sm);font-weight:600}.mock-exit-btn-cancel{text-align:center;font-size:var(--text-xs);color:var(--color-text-subtle);padding:var(--space-2) 0}.mock-queue{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:var(--space-5)}.mock-queue-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.mock-queue-hamburger{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text)}.mock-queue-header span{font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.mock-queue-list{display:flex;flex-direction:column;gap:var(--space-3)}.mock-queue-card{display:flex;gap:var(--space-3);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.mock-queue-thumb-wrap{width:110px;min-width:110px;aspect-ratio:16 / 9;position:relative;flex-shrink:0}.mock-queue-thumb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);background:var(--color-border);filter:grayscale(1) blur(1px) brightness(.85)}.mock-queue-duration{position:absolute;z-index:1;bottom:var(--space-1);right:var(--space-1);background:#000000b3;color:#fff;font-size:var(--text-xs);font-weight:500;padding:2px 6px;border-radius:var(--radius-md);line-height:1}.mock-queue-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0;justify-content:center}.mock-queue-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mock-queue-channel{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro{text-align:center}.pro-badge{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-base);background:var(--color-text);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-5)}.pro-badge-inline{display:inline-flex;align-items:center;font-size:var(--text-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-base);background:var(--color-text);padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-2);vertical-align:middle;position:relative;top:-1px}.pro-bento{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr;gap:var(--space-6);text-align:left;margin-top:var(--space-10)}.pro-bento-main{grid-row:1 / -1;display:flex;flex-direction:column;padding:var(--space-8)}.pro-bento-main h3{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-3)}.pro-bento-main p{font-size:var(--text-lg);line-height:1.7;color:var(--color-text-muted);margin-bottom:var(--space-8)}.pro-search-panel-mock{margin-top:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-md)}.pro-search-input-wrap{position:relative;display:flex;align-items:center}.pro-search-input{width:100%;background:var(--color-surface-pressed);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text)}.pro-search-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--color-text-subtle);pointer-events:none}.pro-search-results-mock{display:flex;flex-direction:column;gap:var(--space-3)}.mock-result-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.mock-result-header{display:flex;align-items:flex-start;gap:var(--space-2)}.mock-result-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-text);flex:1;min-width:0}.mock-result-more{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--color-surface);color:var(--color-text-subtle);flex-shrink:0}.mock-result-desc{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mock-result-footer{display:flex;align-items:center;justify-content:space-between}.mock-result-time{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--color-text-muted);background:var(--color-surface-pressed);padding:2px 8px;border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);line-height:1}.mock-result-score{display:flex;align-items:center;gap:var(--space-1)}.mock-score-dots{display:flex;gap:2px;align-items:center}.mock-score-dot{width:4px;height:4px;border-radius:var(--radius-full);background:var(--color-text-muted)}.mock-score-dot.empty{background:var(--color-border)}.mock-score-text{font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:500;color:var(--color-text-subtle);line-height:1}.pro-bento-card{padding:var(--space-6)}.pro-bento-card h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.pro-bento-card p{font-size:var(--text-base);line-height:1.6;color:var(--color-text-muted)}.pro-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface-pressed);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);color:var(--color-text);margin-bottom:var(--space-4)}.themes{text-align:center}.themes-header{margin-bottom:var(--space-10)}.themes-header p{max-width:500px;margin:var(--space-4) auto 0}.themes-showcase{display:flex;gap:var(--space-5);justify-content:center;flex-wrap:wrap;padding:0 var(--space-4)}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:160px}.theme-surface{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-2);overflow:hidden;transition:transform var(--transition-normal)}.theme-swatch:hover .theme-surface{transform:translateY(-3px)}.theme-surface-bar{height:8px;border-radius:var(--radius-full);width:60%}.theme-surface-block{flex:1;border-radius:var(--radius-lg)}.theme-surface-dots{display:flex;gap:var(--space-1)}.theme-surface-dot{width:6px;height:6px;border-radius:var(--radius-full)}.theme-label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:var(--space-1-5)}.pricing-header{text-align:center;margin-bottom:var(--space-10)}.pricing-header p{margin-top:var(--space-3)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);max-width:720px;margin:0 auto}.pricing-card{display:flex;flex-direction:column;align-items:center;text-align:center}.pricing-card-pro{background:var(--color-surface-raised);box-shadow:var(--shadow-lg)}.pricing-tier{font-size:var(--text-sm);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.pricing-price{font-size:var(--text-5xl);font-weight:800;color:var(--color-text);line-height:1;margin-bottom:var(--space-2)}.pricing-period{font-size:var(--text-lg);font-weight:500;color:var(--color-text-muted)}.pricing-annual{font-size:var(--text-sm);font-weight:700;color:var(--color-text);padding:var(--space-1-5) var(--space-4);background:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-inset);margin-bottom:var(--space-6)}.pricing-list{list-style:none;text-align:left;width:100%;margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.pricing-list li{font-size:var(--text-base);color:var(--color-text-muted);padding-left:var(--space-6);position:relative}.pricing-list li:before{content:"✓";position:absolute;left:0;color:var(--color-text);font-weight:700}.pricing-card .clay-button{margin-top:auto;width:100%;justify-content:center}.pricing-card .clay-button:active{box-shadow:var(--shadow-inset)}.pricing-col{display:flex;flex-direction:column;position:relative;padding-bottom:calc(var(--text-xs) + var(--space-3))}.pricing-col .pricing-card{flex:1}.pricing-note{font-size:var(--text-xs);color:var(--color-text-subtle);text-align:center;position:absolute;bottom:0;left:0;right:0}.pricing-tooltip-wrap{position:relative;display:inline-flex;align-items:center;margin-left:var(--space-1);vertical-align:middle}.pricing-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-border);font-size:10px;font-weight:700;font-style:italic;color:var(--color-text-muted);cursor:help;line-height:1}.pricing-tooltip{display:none;position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);width:max-content;max-width:260px;white-space:normal;background:var(--color-text);color:var(--color-base);font-size:var(--text-xs);font-weight:400;line-height:1.5;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);z-index:300}.pricing-tooltip-wrap:hover .pricing-tooltip{display:block}.trust{padding:var(--space-20) 0}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12)}.trust-item h3{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.trust-item p{font-size:var(--text-base);line-height:1.6;color:var(--color-text-muted)}.faq{max-width:760px;margin:0 auto}.faq-list{margin-top:var(--space-10);display:flex;flex-direction:column}.faq-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid var(--color-border);transition:background-color var(--transition-fast)}.faq-item:last-child{border-bottom:1px solid var(--color-border)}.faq-item:hover{background-color:var(--color-surface-raised)}.faq-item:hover .faq-chevron{color:var(--color-text)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-lg);font-weight:500;padding:var(--space-5) var(--space-4);color:var(--color-text)}.faq-chevron{flex-shrink:0;transition:transform var(--transition-normal);color:var(--color-text-muted);font-size:var(--text-sm)}.faq-chevron.open{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-4) var(--space-6);color:var(--color-text-muted);line-height:1.7;font-size:var(--text-base)}.final-cta{text-align:center;padding:var(--space-24) 0}.final-cta .heading-section{margin-bottom:var(--space-4)}.final-cta p{max-width:480px;margin:0 auto var(--space-10)}.footer{padding:var(--space-8) 0 var(--space-12);border-top:1px solid var(--color-border)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:var(--font-brand);font-size:var(--text-lg);color:var(--color-text)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text)}.footer-disclaimer{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.8;max-width:700px;margin:var(--space-8) auto 0;text-align:center}.footer-disclaimer a{color:var(--color-text-muted);text-decoration:underline}@media(max-width:1024px){.pro-bento{grid-template-columns:1fr}.pro-bento-main{grid-row:auto}}@media(max-width:768px){.heading-hero{font-size:var(--text-5xl)}.heading-section{font-size:var(--text-4xl)}.section{padding:var(--space-16) 0}.hero{padding:var(--space-24) var(--space-6) var(--space-16);gap:var(--space-8)}.nav-links{display:none}.nav-hamburger{display:block}.nav-cta{display:none}.nav-mobile-menu{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-5);border-top:1px solid var(--color-border);margin-top:var(--space-2)}.core-features-headline{font-size:var(--text-4xl)}.core-features-subline{font-size:var(--text-xl)}.feature-row{grid-template-columns:1fr;gap:var(--space-8)}.feature-row-reversed .feature-text,.feature-row-reversed .feature-visual{order:unset}.feature-text{text-align:center}.feature-text p{margin:0 auto}.feature-icon{margin-left:auto;margin-right:auto}.core-features{gap:var(--space-16)}.pro-bento{grid-template-columns:1fr;grid-template-rows:auto}.pro-bento-main{grid-row:auto}.themes-showcase{gap:var(--space-4)}.theme-swatch{width:140px}.pricing-grid{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.footer-inner{flex-direction:column;gap:var(--space-4)}.clay-button-lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}}.legal-page{min-height:100vh;padding:var(--space-16) var(--space-6);background:var(--color-base);font-family:var(--font-sans)}.legal-page .container{max-width:768px;margin:0 auto}.legal-content{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-12);box-shadow:var(--shadow-md);line-height:1.8}.legal-title{font-size:var(--text-5xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);font-family:var(--font-sans)}.legal-effective{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-12);font-weight:500}.legal-section{margin-bottom:var(--space-12)}.legal-content h2,.legal-section h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);margin-top:var(--space-8)}.legal-content h3,.legal-section h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3);margin-top:var(--space-6)}.legal-content>section p,.legal-section p{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-4)}.legal-list{list-style:none;margin:var(--space-4) 0 var(--space-6) 0;padding-left:var(--space-6)}.legal-list li{margin-bottom:var(--space-3);position:relative;padding-left:var(--space-4);color:var(--color-text);font-size:var(--text-base)}.legal-list li:before{content:"•";position:absolute;left:0;color:var(--color-text-muted);font-weight:700}.legal-section ol{list-style:decimal;margin:var(--space-4) 0 var(--space-6) var(--space-8);padding-left:var(--space-6)}.legal-section ol li{margin-bottom:var(--space-3);color:var(--color-text);font-size:var(--text-base)}.legal-link{color:var(--color-text);text-decoration:underline;transition:opacity var(--transition-fast)}.legal-link:hover{opacity:.7}.legal-back{display:inline-block;margin-top:var(--space-12);padding:var(--space-3) var(--space-6);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.legal-back:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media(max-width:768px){.legal-page{padding:var(--space-8) var(--space-4)}.legal-content{padding:var(--space-8)}.legal-title{font-size:var(--text-4xl)}.legal-section h2{font-size:var(--text-xl)}.legal-section h3{font-size:var(--text-base)}.legal-section p,.legal-list li,.legal-section ol li{font-size:var(--text-sm)}}