:root{--color-black: #000000;--color-white: #FFFFFF;--color-clay: #F7F3EE;--color-atmosphere: #EDF2F4;--color-blue: #3399FF;--color-cyan: #2CB8F9;--color-teal: #00C7B6;--color-green: #39D56A;--color-yellow: #FFC300;--color-orange: #FF9500;--color-red: #FF4C30;--color-pink: #FF3366;--color-violet: #C066ED;--color-purple: #6F6DF2;--color-neutral-0: #FFFFFF;--color-neutral-50: #FAFAFA;--color-neutral-100: #F5F5F5;--color-neutral-200: #E5E5E5;--color-neutral-300: #D4D4D4;--color-neutral-400: #A3A3A3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0A0A0A;--color-neutral-1000: #000000;--color-success: #39D56A;--color-warning: #FFC300;--color-error: #FF4C30;--color-info: #3399FF;--color-background-primary: #FFFFFF;--color-background-secondary: #F7F3EE;--color-background-tertiary: #EDF2F4;--color-background-dark: #000000;--color-background-clay: #F7F3EE;--color-background-atmosphere: #EDF2F4;--color-text-primary: #000000;--color-text-secondary: #525252;--color-text-tertiary: #737373;--color-text-disabled: #A3A3A3;--color-text-inverse: #FFFFFF;--color-text-link: #3399FF;--color-text-link-hover: #2CB8F9;--color-border-light: #E5E5E5;--color-border-default: #D4D4D4;--color-border-dark: #737373;--glass-light-thick: rgba(255, 255, 255, .5);--glass-light-thick-blur: blur(20px);--glass-light-thick-border: 1px solid rgba(255, 255, 255, .3);--glass-light-regular: rgba(255, 255, 255, .35);--glass-light-regular-blur: blur(16px);--glass-light-regular-border: 1px solid rgba(255, 255, 255, .2);--glass-light-thin: rgba(255, 255, 255, .2);--glass-light-thin-blur: blur(12px);--glass-light-thin-border: 1px solid rgba(255, 255, 255, .1);--glass-dark-thick: rgba(30, 30, 30, .35);--glass-dark-thick-blur: blur(20px);--glass-dark-thick-border: 1px solid rgba(255, 255, 255, .1);--glass-dark-regular: rgba(30, 30, 30, .18);--glass-dark-regular-blur: blur(16px);--glass-dark-regular-border: 1px solid rgba(255, 255, 255, .08);--glass-dark-thin: rgba(30, 30, 30, .05);--glass-dark-thin-blur: blur(12px);--glass-dark-thin-border: 1px solid rgba(255, 255, 255, .05);--gradient-primary: linear-gradient(135deg, #F7F3EE 0%, #EDF2F4 100%);--gradient-blue-teal: linear-gradient(90deg, #3399FF 0%, #00C7B6 100%);--gradient-orange-yellow: linear-gradient(90deg, #FF9500 0%, #FFC300 100%);--gradient-pink-violet: linear-gradient(90deg, #FF3366 0%, #C066ED 100%);--gradient-purple-blue: linear-gradient(90deg, #6F6DF2 0%, #3399FF 100%);--gradient-radial-glow: radial-gradient(circle, rgba(51, 153, 255, .3) 0%, transparent 70%);--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-family-mono: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-blue: 0 10px 25px -5px rgb(51 153 255 / .25), 0 4px 10px -6px rgb(51 153 255 / .15);--shadow-green: 0 10px 25px -5px rgb(57 213 106 / .25), 0 4px 10px -6px rgb(57 213 106 / .15);--shadow-red: 0 10px 25px -5px rgb(255 76 48 / .25), 0 4px 10px -6px rgb(255 76 48 / .15);--shadow-focus-default: 0 0 0 3px rgb(51 153 255 / .5);--shadow-focus-error: 0 0 0 3px rgb(255 76 48 / .5);--shadow-focus-success: 0 0 0 3px rgb(57 213 106 / .5);--radius-none: 0;--radius-sm: .125rem;--radius-default: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--blur-none: 0;--blur-sm: 4px;--blur-md: 12px;--blur-lg: 20px;--blur-xl: 40px;--animation-duration-instant: 75ms;--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-duration-slower: .7s;--animation-duration-slowest: 1s;--animation-easing-linear: linear;--animation-easing-ease: ease;--animation-easing-ease-in: cubic-bezier(.4, 0, 1, 1);--animation-easing-ease-out: cubic-bezier(0, 0, .2, 1);--animation-easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--animation-easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--animation-easing-smooth: cubic-bezier(.25, .1, .25, 1);--animation-easing-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-default: all var(--animation-duration-normal) var(--animation-easing-ease-out);--transition-fast: all var(--animation-duration-fast) var(--animation-easing-ease-out);--transition-slow: all var(--animation-duration-slow) var(--animation-easing-ease-in-out);--transition-colors: background-color var(--animation-duration-normal) var(--animation-easing-ease-out), border-color var(--animation-duration-normal) var(--animation-easing-ease-out), color var(--animation-duration-normal) var(--animation-easing-ease-out), fill var(--animation-duration-normal) var(--animation-easing-ease-out), stroke var(--animation-duration-normal) var(--animation-easing-ease-out);--transition-opacity: opacity var(--animation-duration-fast) var(--animation-easing-ease-out);--transition-transform: transform var(--animation-duration-normal) var(--animation-easing-ease-out);--transition-shadow: box-shadow var(--animation-duration-normal) var(--animation-easing-ease-out)}.glass-light-thick{background:var(--glass-light-thick);backdrop-filter:var(--glass-light-thick-blur);-webkit-backdrop-filter:var(--glass-light-thick-blur);border:var(--glass-light-thick-border)}.glass-light-regular{background:var(--glass-light-regular);backdrop-filter:var(--glass-light-regular-blur);-webkit-backdrop-filter:var(--glass-light-regular-blur);border:var(--glass-light-regular-border)}.glass-light-thin{background:var(--glass-light-thin);backdrop-filter:var(--glass-light-thin-blur);-webkit-backdrop-filter:var(--glass-light-thin-blur);border:var(--glass-light-thin-border)}.glass-dark-thick{background:var(--glass-dark-thick);backdrop-filter:var(--glass-dark-thick-blur);-webkit-backdrop-filter:var(--glass-dark-thick-blur);border:var(--glass-dark-thick-border)}.glass-dark-regular{background:var(--glass-dark-regular);backdrop-filter:var(--glass-dark-regular-blur);-webkit-backdrop-filter:var(--glass-dark-regular-blur);border:var(--glass-dark-regular-border)}.glass-dark-thin{background:var(--glass-dark-thin);backdrop-filter:var(--glass-dark-thin-blur);-webkit-backdrop-filter:var(--glass-dark-thin-blur);border:var(--glass-dark-thin-border)}.gradient-primary{background:var(--gradient-primary)}.gradient-blue-teal{background:var(--gradient-blue-teal)}.gradient-orange-yellow{background:var(--gradient-orange-yellow)}.gradient-pink-violet{background:var(--gradient-pink-violet)}.gradient-purple-blue{background:var(--gradient-purple-blue)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}}.animate-fadeIn{animation:fadeIn var(--animation-duration-normal) var(--animation-easing-ease-out)}.animate-fadeOut{animation:fadeOut var(--animation-duration-normal) var(--animation-easing-ease-out)}.animate-slideInUp{animation:slideInUp var(--animation-duration-normal) var(--animation-easing-ease-out)}.animate-slideInDown{animation:slideInDown var(--animation-duration-normal) var(--animation-easing-ease-out)}.animate-slideInLeft{animation:slideInLeft var(--animation-duration-normal) var(--animation-easing-ease-out)}.animate-slideInRight{animation:slideInRight var(--animation-duration-normal) var(--animation-easing-ease-out)}.animate-scaleIn{animation:scaleIn var(--animation-duration-normal) var(--animation-easing-ease-out)}.animate-pulse{animation:pulse 2s var(--animation-easing-ease-in-out) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}:root{--bg: var(--color-background-primary);--bg-subtle: var(--color-clay);--panel: var(--color-background-primary);--ink: var(--color-text-primary);--ink-light: var(--color-text-secondary);--muted: var(--color-text-tertiary);--border: var(--color-border-light);--border-light: var(--color-neutral-100);--brand: var(--color-blue);--brand-hover: var(--color-cyan);--brand-light: var(--color-atmosphere);--accent: var(--color-purple);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--space-7: 96px;--space-8: 128px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--maxw: 1200px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{color:var(--brand);text-decoration:none;transition:color .2s ease}a:hover{color:var(--brand-hover)}h1,h2,h3{line-height:1.2;letter-spacing:-.025em;color:var(--ink);font-weight:700}h1{font-size:clamp(2.25rem,5vw,3.5rem);margin:0 0 var(--space-2) 0}h2{font-size:clamp(1.75rem,4vw,2.5rem);margin:0 0 var(--space-2) 0}h3{font-size:1.25rem;margin:0 0 var(--space-1) 0;font-weight:600}p{color:var(--muted);margin:0 0 var(--space-2) 0;line-height:1.7}code,pre{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.container{max-width:var(--maxw);margin-inline:auto;padding:0 var(--space-3)}.stack{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.grid{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}@media(max-width:960px){.grid-3,.grid-2{grid-template-columns:1fr}}header{position:sticky;top:0;z-index:10;background:var(--glass-light-regular);backdrop-filter:var(--glass-light-regular-blur);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.125rem;letter-spacing:-.02em;color:var(--ink)}.brand-link{text-decoration:none;color:var(--ink)}.brand-link:hover{color:var(--ink);transform:none}.brand-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.brand-mark img{width:100%;height:100%;object-fit:contain}.subtle{font-weight:400;margin-left:0;position:relative;left:-8px}.nav ul{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-4);align-items:center}.nav a{color:var(--ink-light);font-weight:500;font-size:.95rem}.nav a:hover{color:var(--ink)}.nav a.cta{color:var(--color-white)}.cta{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:var(--color-white);padding:11px 20px;border-radius:var(--radius);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s ease;border:none;box-shadow:var(--shadow-sm)}.cta:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);color:var(--color-white)}.ghost{background:var(--color-white);color:var(--ink);border:1px solid var(--border)}.ghost:hover{background:var(--bg-subtle);border-color:var(--muted)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-subtle);color:var(--ink);padding:10px 18px;border:1px solid var(--border);border-radius:var(--radius);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:inherit;width:100%}.copy-btn:hover{background:var(--brand-light);border-color:var(--brand);color:var(--brand)}.copy-btn:active{transform:scale(.98)}.copy-btn.copied{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.hero{padding:var(--space-7) 0 var(--space-8) 0;background-image:url(/assets/bg-2.png)!important;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-sub{font-size:1.125rem;line-height:1.7;color:var(--ink-light);max-width:720px;margin:0 auto}.hero-preview-section{display:grid;gap:var(--space-3);align-items:start}.button-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-4) 0 var(--space-3) 0}.badges{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:var(--color-white);border:1px solid var(--border);border-radius:999px;color:var(--ink-light);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm)}.hero-card{position:relative;overflow:hidden;min-height:840px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:var(--glass-light-regular);backdrop-filter:var(--glass-light-regular-blur)}.hero-embed{position:absolute;inset:var(--space-4);inset-bottom:72px;border-radius:var(--radius-lg);background:var(--bg-subtle);border:2px dashed var(--border);display:grid;place-items:center;text-align:center}.hero-embed strong{color:var(--ink);font-size:1.25rem;display:block;margin-bottom:var(--space-2)}.hero-embed p{max-width:600px;margin:0 auto var(--space-1)}.hero-embed small{color:var(--muted);font-size:.875rem}.hero-card-footer{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4);display:flex;justify-content:flex-end;align-items:center}.hero-card-footer .copy-btn{width:auto;min-width:180px}.hero-caption{color:var(--muted);text-align:center;margin:var(--space-3) 0 0 0;font-size:.95rem}.embed-guides{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-3)}.guide-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink-light);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-sm)}.guide-link svg{flex-shrink:0;opacity:.7}.guide-link:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow-md)}.guide-link:hover svg{opacity:1}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-4);background:var(--glass-light-regular);backdrop-filter:var(--glass-light-regular-blur)}.code{background:var(--color-neutral-950);color:var(--color-neutral-100);border-radius:var(--radius);padding:var(--space-3);overflow:auto;border:1px solid var(--color-neutral-800);font-size:.875rem;line-height:1.6}section{padding:var(--space-7) 0}.kicker{display:inline-block;color:var(--brand);background:var(--brand-light);border:1px solid var(--color-border-light);padding:6px 12px;border-radius:999px;font-weight:600;font-size:.8125rem;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.card{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.icon{width:48px;height:48px;border-radius:var(--radius);background:linear-gradient(135deg,var(--brand) 0%,var(--accent) 100%);display:grid;place-items:center;color:var(--color-white);font-weight:800;font-size:1.25rem;box-shadow:var(--shadow-sm);flex-shrink:0;margin-bottom:var(--space-3)}#positioning .icon{width:40px;height:40px;font-size:1.125rem;margin-bottom:var(--space-4)}#positioning .card{padding:var(--space-5)}.muted{color:var(--muted)}.feature{display:grid;grid-template-columns:48px 1fr;gap:var(--space-2);align-items:start}.feature p{margin:0}.feature .tag{font-size:.75rem;color:var(--ink-light);background:var(--bg-subtle);border:1px solid var(--border);padding:4px 10px;border-radius:999px;display:inline-block;margin-top:var(--space-1);font-weight:500}#problem-solution{margin-bottom:0;padding-bottom:0}.problem-solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);align-items:start}@media(max-width:960px){.problem-solution-grid{grid-template-columns:1fr;gap:var(--space-5)}}.preview{text-align:center;margin-top:36px;margin-bottom:-60px}.preview img{display:block;margin:0 auto;max-width:100%;height:auto}.learner-features{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow)}.learner-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.learner-icon{font-size:3rem;line-height:1;margin-bottom:var(--space-1)}.learner-feature h4{font-size:1.125rem;font-weight:600;color:var(--ink);margin:0;line-height:1.4}#how{background-image:url(/assets/bg-3.png)!important;background-size:cover;background-position:center;background-repeat:no-repeat}.steps{counter-reset:step;display:grid;gap:var(--space-4)}.step{display:grid;grid-template-columns:48px 1fr;align-items:start;gap:var(--space-2)}.step .num{counter-increment:step;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.25rem;background:linear-gradient(135deg,var(--brand) 0%,var(--accent) 100%);box-shadow:var(--shadow-sm)}.step .num:before{content:counter(step)}.template{display:grid;gap:var(--space-2)}.template .thumb{height:160px;border-radius:var(--radius-lg);border:2px dashed var(--border);background:var(--bg-subtle);display:grid;place-items:center;color:var(--muted);font-weight:500}.shot{height:100%;border-radius:var(--radius-lg);border:2px dashed var(--border);background:var(--bg-subtle);display:flex;flex-direction:column;color:var(--ink-light);font-weight:600;transition:all .2s ease;overflow:hidden;padding:1em}.shot img{width:100%;flex:1;object-fit:cover;border-radius:var(--radius-lg)}.shot-caption{padding:var(--space-2);text-align:center;font-size:.875rem;color:var(--ink-light);margin:0}.shot:hover{border-color:var(--brand);background:var(--brand-light)}input[type=text],input[type=email],input[type=password]{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;color:var(--ink);background:var(--bg);transition:all .2s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{color:var(--muted)}label{font-weight:500;font-size:.9rem;color:var(--ink);display:block}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--brand)}#signup .panel{background-image:url(/assets/bg-5.png)!important;background-size:cover;background-position:center;background-repeat:no-repeat}footer{padding:var(--space-6) 0;border-top:1px solid var(--border);background:var(--bg-subtle)}.footer-container{display:flex;justify-content:space-between;align-items:flex-start}.footer-links{display:flex;gap:var(--space-6)}.fine{font-size:.875rem;color:var(--muted);line-height:1.8;text-align:right}.fine a{color:var(--muted);text-decoration:none}.fine a:hover{color:var(--ink)}.fine strong{color:var(--ink);display:block;margin-bottom:var(--space-1);font-weight:600}@media(max-width:768px){:root{--space-7: 64px}.nav ul li:not(:last-child){display:none}.nav{padding:var(--space-2) var(--space-2)!important}.container{padding:0 var(--space-2)}.hero{padding:var(--space-6) 0}section{padding:var(--space-6) 0}.embed-guides{flex-direction:column;align-items:stretch}.guide-link{justify-content:center}.footer-container{flex-direction:column;gap:var(--space-4)}.footer-links{flex-direction:column;gap:var(--space-4);width:100%}.fine{text-align:left}}#docs-welcome{background-image:url(/assets/bg-4.png)}.card-wrap{box-shadow:var(--shadow-lg);background:var(--glass-light-regular);backdrop-filter:var(--glass-light-regular-blur)}#rise360{background-image:url(/assets/bg-2.png);background-size:cover;background-position:center;background-repeat:no-repeat}#canvas{background-image:url(/assets/bg-3.png);background-size:cover;background-position:center;background-repeat:no-repeat}#terms-welcome,#privacy-welcome{padding-bottom:0}.try-it-container{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-4);box-shadow:var(--shadow-lg)}.try-it-header{text-align:center;margin-bottom:var(--space-4)}.try-it-header h2{font-size:1.875rem;font-weight:700;color:var(--ink);margin:0 0 var(--space-1) 0;line-height:1.2;letter-spacing:-.02em}.try-it-subtitle{font-size:1rem;color:var(--ink-light);margin:0;line-height:1.5}.try-it-content{display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin-bottom:var(--space-3);align-items:start}.try-it-divider{background:var(--border);width:1px;align-self:stretch;margin:0 var(--space-4)}.try-it-step-1,.try-it-step-2{padding:var(--space-1) 0;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.step-badge{display:inline-block;background:var(--brand-light);color:var(--brand);font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.try-it-step-1 h3{font-size:1.125rem;font-weight:700;color:var(--ink);margin:0 0 var(--space-3) 0;line-height:1.56;letter-spacing:-.025em}.try-it-step-2 h3{font-size:1.125rem;font-weight:700;color:var(--ink);margin:var(--space-1) 0 var(--space-3) 0;line-height:1.56;letter-spacing:-.025em}.code-preview{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:12.5px 16px;margin-bottom:var(--space-3);min-height:45px;display:flex;align-items:center;justify-content:flex-start;width:320px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.code-preview code{color:#62748e;font-size:.875rem;font-family:Inter,SF Mono,Menlo,Monaco,Consolas,monospace;line-height:1.43;overflow-x:auto;white-space:nowrap;display:block;width:100%;user-select:text;cursor:text;scrollbar-width:none;-ms-overflow-style:none}.code-preview code::-webkit-scrollbar{display:none}.copy-embed-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:var(--color-white);padding:11px 20px;border:none;border-radius:var(--radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);font-family:inherit;width:100%;max-width:320px}.copy-embed-btn:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.copy-embed-btn svg{flex-shrink:0}.copy-embed-btn.copied{background:#e2fbe8;color:#3c8747}.copy-embed-btn.copied:hover{background:#e2fbe8;transform:none}.tool-logos{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-3)}.tool-logos img{max-width:80%;height:auto;object-fit:contain}.try-it-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:var(--space-3);border-top:1px solid var(--border)}.try-it-footer svg{flex-shrink:0;color:var(--muted)}.try-it-footer p{color:var(--muted);font-size:.875rem;margin:0;line-height:1.25rem}@media(max-width:960px){.try-it-content{grid-template-columns:1fr;gap:var(--space-4)}.try-it-divider{display:none}}.embed-samples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.embed-sample-wrapper{position:relative}.embed-sample-container{background:#f6f3ef;border:1px solid #ebebe9;border-radius:var(--radius-lg);overflow:hidden}.embed-sample-img{width:100%;height:auto;display:block}.embed-button-section{background:var(--color-white);padding:var(--space-3)}.embed-copy-btn{display:block;width:100%;background:#f6f3ef;color:#0c0c0c;border:none;padding:10px 16px;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:center}.embed-copy-btn:hover{background:#ede9e5}.embed-copy-btn.copied{background:#e2fbe8;color:#3c8747}.embed-copy-btn.copied:hover{background:#e2fbe8}@media(max-width:960px){.embed-samples-grid{grid-template-columns:1fr}}