:root{--color-Y50: #FEF8E6;--color-Y75: #FAE096;--color-Y100: #F9D46B;--color-Y200: #F6C12B;--color-Y300: #F4B400;--color-Y400: #AB7E00;--color-Y500: #956E00;--color-P50: #FEEDF4;--color-P75: #FDD6E8;--color-P100: #FDB8D8;--color-P200: #FA8FC0;--color-P300: #E0008F;--color-P400: #C80081;--color-P500: #A60061;--color-V50: #F1EBF9;--color-V75: #DCC8F0;--color-V100: #C7A7E7;--color-V200: #A97ED5;--color-V300: #7750D4;--color-V400: #5F36C4;--color-V500: #502CA8;--color-V600: #3D2080;--color-Pu50: #DED4E8;--color-Pu75: #C2B0DC;--color-Pu100: #9D84BD;--color-Pu200: #6B4B94;--color-Pu300: #523673;--color-Pu400: #3F2A56;--color-Pu500: #2E1F3D;--color-B50: #E8F3FF;--color-B75: #BDD9FF;--color-B100: #8CBAFF;--color-B200: #4D8FFF;--color-B300: #0047FF;--color-B400: #003BBB;--color-B500: #0031A0;--color-C50: #DFFBFF;--color-C75: #ACF3FF;--color-C100: #7DEBF8;--color-C200: #4DD5E8;--color-C300: #76CBEA;--color-C400: #1B7C8F;--color-C500: #056B7E;--color-G50: #E4F7E9;--color-G75: #AFFFC2;--color-G100: #7FE599;--color-G200: #57D678;--color-G300: #00A839;--color-G400: #008A2E;--color-G500: #006F23;--color-N0: #FFFFFF;--color-N10: #FAFBFC;--color-N20: #F5F6F7;--color-N30: #EBECF0;--color-N40: #DFE1E6;--color-N50: #C1C7D0;--color-N60: #B3B9C4;--color-N70: #A5ADBA;--color-N80: #8993A4;--color-N90: #738496;--color-N100: #5E6C84;--color-N200: #505F79;--color-N300: #42526E;--color-N400: #344563;--color-N500: #253858;--color-N600: #172B4D;--color-N700: #0E1F39;--color-N800: #0B162B;--color-N900: #091E42;--color-primary: var(--color-Y300);--color-secondary: var(--color-V300);--color-accent: var(--color-P300);--color-info: var(--color-B300);--color-success: var(--color-G300);--color-warning: var(--color-Y200);--color-error: var(--color-P300);--color-text-primary: var(--color-N900);--color-text-secondary: var(--color-N600);--color-text-tertiary: var(--color-N300);--color-text-disabled: var(--color-N60);--color-text-inverse: var(--color-N0);--color-bg-primary: var(--color-N0);--color-bg-secondary: var(--color-N10);--color-bg-tertiary: var(--color-N20);--color-bg-inverse: var(--color-N900);--color-bg-dark: var(--color-N800);--color-border-light: var(--color-N30);--color-border-medium: var(--color-N50);--color-border-dark: var(--color-N200);--font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-display-xl: 3.5rem;--font-size-display-l: 3rem;--font-size-display-m: 2.5rem;--font-size-h1: 2rem;--font-size-h2: 1.75rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-h5: 1.125rem;--font-size-h6: 1rem;--font-size-body-large: 1.125rem;--font-size-body: 1rem;--font-size-body-small: 0.875rem;--font-size-label: 0.875rem;--font-size-caption: 0.75rem;--line-height-display-xl: 4rem;--line-height-display-l: 3.5rem;--line-height-display-m: 3rem;--line-height-h1: 2.5rem;--line-height-h2: 2.25rem;--line-height-h3: 2rem;--line-height-h4: 1.75rem;--line-height-h5: 1.625rem;--line-height-h6: 1.5rem;--line-height-body-large: 1.75rem;--line-height-body: 1.5rem;--line-height-body-small: 1.25rem;--line-height-label: 1.25rem;--line-height-caption: 1rem;--letter-spacing-tight: -0.02em;--letter-spacing-normal: 0;--letter-spacing-wide: 0.02em;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;--spacing-6xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25)}@media(max-width: 768px){:root{--font-size-display-xl: 2.5rem;--font-size-display-l: 2.25rem;--font-size-display-m: 2rem;--font-size-h1: 1.75rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-h4: 1.125rem;--font-size-h5: 1rem;--font-size-h6: 0.875rem;--line-height-display-xl: 3rem;--line-height-display-l: 2.75rem;--line-height-display-m: 2.5rem;--line-height-h1: 2.25rem;--line-height-h2: 2rem;--line-height-h3: 1.75rem;--line-height-h4: 1.5rem;--line-height-h5: 1.375rem;--line-height-h6: 1.25rem}}@font-face{font-family:"Inter";src:url("../fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("../fonts/Inter-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("../fonts/Inter-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("../fonts/Inter-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}.player-section{background:var(--color-N10);position:relative;overflow:clip}.player-section .player-container{max-width:1000px;margin:0 auto;padding:2rem}@media(max-width: 768px){.player-section .player-container{padding:1rem .75rem}}.player-section .player-header{text-align:center;margin-bottom:2rem}@media(max-width: 768px){.player-section .player-header{margin-bottom:.75rem}}.player-section .player-header h2{color:var(--color-N900);font-size:var(--font-size-display-m);line-height:var(--line-height-display-m);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}@media(max-width: 768px){.player-section .player-header h2{font-size:1.25rem;line-height:1.3;margin-bottom:.5rem}}.player-section .player-header p{color:var(--color-N600);font-size:var(--font-size-body-large);max-width:600px;margin:0 auto}@media(max-width: 768px){.player-section .player-header p{font-size:.9rem}}.player-section .player-window{background:var(--color-N0);border:1px solid var(--color-N30);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-2xl);transition:all .6s cubic-bezier(0.4, 0, 0.2, 1);position:relative}@media(max-width: 768px){.player-section .player-window{border-radius:.5rem}}.player-section .player-window.phase-complete{background:var(--color-N0);border-color:var(--color-N20);box-shadow:var(--shadow-lg);border-radius:4px}.player-section .player-window.phase-complete .player-toolbar{opacity:0;max-height:0;padding:0;margin:0;overflow:hidden;pointer-events:none;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}.player-section .player-window.phase-complete .player-content{padding:3.5rem 4rem;min-height:auto;transition:padding .4s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 768px){.player-section .player-window.phase-complete .player-content{padding:1.5rem 1rem}}.player-section .player-window .player-toolbar{transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);max-height:200px}.player-section .player-toolbar{background:var(--color-N20);padding:1rem 1.5rem;border-bottom:1px solid var(--color-N30);display:flex;justify-content:space-between;align-items:center;transition:opacity .3s ease}.player-section .player-meta{display:flex;gap:2rem;flex-wrap:wrap}@media(max-width: 768px){.player-section .player-meta{gap:1rem}}.player-section .meta-item{color:var(--color-N600);font-size:var(--font-size-body-small)}.player-section .meta-item strong{color:var(--color-N900);margin-right:.25rem}.player-section .meta-item span{color:var(--color-B300);font-family:"Courier New",monospace}.player-section .player-content{background:var(--color-N0);padding:3rem;min-height:200px;font-family:"Courier New",monospace;transition:padding .4s ease}@media(max-width: 768px){.player-section .player-content{padding:1.5rem 1rem;min-height:120px;font-family:var(--font-family-primary)}}.player-section .typed-text{color:var(--color-N900);font-size:1.125rem;line-height:1.9;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 768px){.player-section .typed-text{font-size:.9rem;line-height:1.7}}.player-section .typed-text.final-text{font-family:var(--font-family-primary);font-size:1.125rem;line-height:1.9;letter-spacing:.01em;animation:fadeInText .5s ease-out}@media(max-width: 768px){.player-section .typed-text.final-text{font-size:.9rem;line-height:1.7}}@keyframes fadeInText{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.player-section .text-highlight{position:relative;display:inline;padding:4px 0;line-height:2;white-space:pre-wrap;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:0;border-bottom-left-radius:8px;border-top-right-radius:8px;color:inherit;background:linear-gradient(90deg, var(--highlight-bg) 0%, var(--highlight-bg) 100%);background-repeat:no-repeat;background-position:left center;background-size:calc(var(--highlight-progress, 0)*100%) 100%;transition:background-size .15s ease-out}.player-section .text-highlight.highlight-original{--highlight-bg: rgba(0, 168, 57, 0.25)}.player-section .text-highlight.highlight-edited{--highlight-bg: rgba(244, 180, 0, 0.25)}.player-section .text-highlight.highlight-inserted{--highlight-bg: rgba(119, 80, 212, 0.25)}.player-section .text-highlight.highlight-imported{--highlight-bg: rgba(224, 0, 143, 0.25)}.player-section .text-highlight.highlight-substituted{--highlight-bg: rgba(118, 203, 234, 0.25)}.player-section .cursor{display:inline-block;color:var(--color-B300);font-weight:bold;margin-left:2px;animation:cursor-blink .7s step-end infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,100%{opacity:0}}.player-section .timeline-marker{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%, -50%);pointer-events:none}.player-section .timeline-marker.marker-pause{background:var(--color-V300)}.player-section .timeline-marker.marker-delete{background:var(--color-P300)}.player-section .player-footer{text-align:center;margin-top:2rem;transition:opacity .3s ease}.player-section .player-footer .footer-text{color:var(--color-N600);font-size:var(--font-size-body);animation:bounce 2s ease-in-out infinite;transition:opacity .3s ease;margin:0}.player-section .player-footer .footer-view{display:block}.player-section .player-footer .footer-replay{display:none}.player-section .player-footer.show-replay .footer-view{display:none}.player-section .player-footer.show-replay .footer-replay{display:block}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.player-section .player-stage{position:relative;min-height:400px;overflow:visible}.player-section .player-window.phase-orb{pointer-events:none}.player-section .orb-stage{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(0.4, 0, 0.2, 1);perspective:1000px;overflow:visible;--swirl-progress: 0;--orb-opacity: 0;--particles-opacity: 1}.player-section .orb-stage.active{opacity:1}.player-section .orb-3d-container{position:relative;width:320px;height:320px;transform-style:preserve-3d;perspective:1200px;opacity:var(--orb-opacity, 0);transition:opacity .4s ease;overflow:visible;z-index:2}.player-section .orb-sphere{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;transform-style:preserve-3d}.player-section .orb-sphere .orb-body{transform-style:preserve-3d}.player-section .orb-sphere::after{content:"";position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%, -50%);background:radial-gradient(circle, rgba(244, 180, 0, 0.35) 0%, rgba(119, 80, 212, 0.25) 25%, rgba(224, 0, 143, 0.18) 45%, transparent 70%);border-radius:50%;filter:blur(30px);z-index:-1;pointer-events:none}@keyframes orb-subtle-float{0%,100%{transform:translateY(0) var(--orb-rotation, rotateY(0deg))}50%{transform:translateY(-8px) var(--orb-rotation, rotateY(0deg))}}.player-section .orb-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:var(--particles-opacity, 1);transition:opacity .3s ease;z-index:1}.player-section .orb-particle{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--particle-color, #F4B400);box-shadow:0 0 10px var(--particle-color),0 0 20px var(--particle-color),0 0 30px hsla(0,0%,100%,.3);opacity:.9;left:var(--start-x, 50%);top:var(--start-y, 50%);transform:translate(-50%, -50%);animation:none;transition:all .15s ease-out}.player-section .orb-particle.particle-original{--particle-color: var(--color-G300)}.player-section .orb-particle.particle-edited{--particle-color: var(--color-Y300)}.player-section .orb-particle.particle-inserted{--particle-color: var(--color-V300)}.player-section .orb-particle.particle-imported{--particle-color: var(--color-P300)}.player-section .orb-particle.particle-substituted{--particle-color: var(--color-C300)}@keyframes swirl-to-center{0%{transform:translate(-50%, -50%) rotate(0deg);opacity:1}50%{transform:translate(calc(-50% + cos(var(--spiral-angle, 0)) * var(--spiral-radius, 100px) * 0.5), calc(-50% + sin(var(--spiral-angle, 0)) * var(--spiral-radius, 100px) * 0.5)) rotate(180deg) scale(0.8);opacity:.9}100%{transform:translate(-50%, -50%) rotate(360deg) scale(0.3);left:50%;top:50%;opacity:0}}@keyframes orb-float{0%,100%{transform:translateY(0) rotateY(var(--orb-rotate-y, 0deg))}50%{transform:translateY(-10px) rotateY(var(--orb-rotate-y, 0deg))}}@keyframes orb-glow-pulse{0%,100%{filter:drop-shadow(0 0 20px rgba(244, 180, 0, 0.4))}50%{filter:drop-shadow(0 0 40px rgba(119, 80, 212, 0.6))}}.player-section .content-legend{margin-top:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--color-N0);border:2px solid var(--color-N30);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;height:0;overflow:hidden;padding:0;margin:0;transition:opacity .4s ease,visibility .4s ease,height .4s ease,padding .4s ease,margin .4s ease}.player-section .content-legend h3{color:var(--color-N900);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);text-align:center;margin:0 0 var(--spacing-lg) 0}@media(max-width: 768px){.player-section .content-legend h3{font-size:1rem;margin-bottom:.75rem}}.player-section .content-legend .legend-items{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}@media(max-width: 768px){.player-section .content-legend .legend-items{flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:center}}.player-section .content-legend .legend-item{display:flex;align-items:center;gap:.75rem}.player-section .content-legend .legend-item .legend-color{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:2px solid hsla(0,0%,100%,.3)}@media(max-width: 768px){.player-section .content-legend .legend-item .legend-color{width:14px;height:14px}}.player-section .content-legend .legend-item .legend-color--imported{background:var(--color-P300)}.player-section .content-legend .legend-item .legend-color--edited{background:var(--color-Y300)}.player-section .content-legend .legend-item .legend-color--substituted{background:var(--color-C300)}.player-section .content-legend .legend-item .legend-color--inserted{background:var(--color-V300)}.player-section .content-legend .legend-item .legend-color--original{background:var(--color-G300)}.player-section .content-legend .legend-item span:last-child{color:var(--color-N900);font-size:var(--font-size-body);white-space:nowrap}@media(max-width: 768px){.player-section .content-legend .legend-item span:last-child{font-size:.8rem}}.player-section .content-legend .legend-note{text-align:center;color:var(--color-N600);font-size:var(--font-size-body-small);margin-top:1rem;max-width:500px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.player-section .content-legend .legend-note{font-size:.75rem;margin-top:.5rem}}.player-section .player-stage.orb-active~.content-legend{opacity:1;visibility:visible;height:auto;overflow:visible;padding:var(--spacing-2xl);margin-top:var(--spacing-2xl)}@media(max-width: 768px){.player-section .player-stage.orb-active~.content-legend{padding:1rem;margin-top:1rem}}.browser-comparison-section{background:var(--color-N10);width:100%;position:relative;z-index:10;height:300vh;padding:0;margin-top:4rem}.browser-sticky-container{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;z-index:1;overflow:hidden;padding-top:4rem}.section-title{font-size:var(--font-size-display-m);font-weight:var(--font-weight-bold);color:var(--color-N900);text-align:center;margin-bottom:var(--spacing-lg)}.section-subtitle{font-size:var(--font-size-body-large);color:var(--color-N600);text-align:center;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.browsers-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;transition:opacity .5s ease,transform .5s ease}.browser-window{background:var(--color-N0);border:2px solid var(--color-N30);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-2xl);transition:all .3s ease}.browser-window.warning{animation:warningPulse .5s ease-in-out;box-shadow:0 0 0 3px var(--color-P300),0 20px 60px color-mix(in srgb, var(--color-P300) 30%, transparent)}@keyframes warningPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.browser-chrome{background:var(--color-N20);padding:.75rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--color-N30)}.browser-dots{display:flex;gap:.5rem}.browser-dots .dot{width:12px;height:12px;border-radius:50%;background:var(--color-N100)}.browser-dots .dot:nth-child(1){background:#ff5f56}.browser-dots .dot:nth-child(2){background:#ffbd2e}.browser-dots .dot:nth-child(3){background:#27c93f}.browser-url{flex:1;background:var(--color-N0);border:1px solid var(--color-N100);padding:.4rem .75rem;border-radius:6px;color:var(--color-N600);font-size:.85rem;font-family:monospace}@media(max-width: 768px){.browser-url{font-size:12px;padding:.3rem .5rem}}.browser-content{position:relative;height:400px;background:var(--color-N0);overflow:hidden}.fake-page{padding:2rem;transform:translateY(0);transition:transform .3s ease}.page-header{font-size:1.5rem;font-weight:700;color:var(--color-N900);margin-bottom:1.5rem}.page-text{height:12px;background:var(--color-N40);border-radius:3px;margin-bottom:.75rem}.page-text:nth-child(2){width:90%}.page-text:nth-child(3){width:95%}.page-text:nth-child(5){width:85%}.browser-cursor{position:absolute;width:20px;height:20px;pointer-events:none;z-index:10;transition:transform .1s ease,opacity .1s}.browser-cursor::after{content:"";position:absolute;width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-top:15px solid var(--color-N900);filter:drop-shadow(0 2px 4px color-mix(in srgb, var(--color-N900) 30%, transparent))}.human-cursor::after{border-top-color:var(--color-B300)}.ai-cursor::after{border-top-color:var(--color-P300)}.browser-content .ai-cursor{transition:transform .05s}.browser-content .ai-cursor::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid color-mix(in srgb, var(--color-P300) 40%, transparent);opacity:.6}.ai-coord-display{font-variant-numeric:tabular-nums;text-shadow:0 0 4px color-mix(in srgb, var(--color-G300) 50%, transparent);box-shadow:inset 0 0 10px color-mix(in srgb, var(--color-G300) 10%, transparent)}.ai-scanline-overlay{mix-blend-mode:overlay}.ai-action{animation-name:none;animation-duration:0s;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-P300) 50%, transparent),inset 0 0 10px color-mix(in srgb, var(--color-P300) 20%, transparent)}.browser-window .ai-cursor{transition:none}.browser-window .ai-cursor::before{content:"";position:absolute;top:-4px;left:-4px;width:28px;height:28px;border:1px solid color-mix(in srgb, var(--color-P300) 40%, transparent);pointer-events:none}.ai-grid-overlay{mix-blend-mode:multiply}.ai-coord-display{text-shadow:0 0 4px color-mix(in srgb, var(--color-G300) 100%, transparent);animation:coordFlicker .1s infinite}@keyframes coordFlicker{0%,100%{opacity:1}50%{opacity:.9}}.ai-target-marker{animation:targetPulse .5s ease-in-out infinite}@keyframes targetPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.3}}.ai-scanline{animation:scanlineMove .05s linear infinite}@keyframes scanlineMove{0%{background-position:0 0}100%{background-position:0 4px}}.page-button{display:inline-block;background:var(--color-V300);color:var(--color-N0);padding:.75rem 1.5rem;border-radius:6px;margin:1rem 0;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px;min-width:44px}.page-button.human-clicked{background:var(--color-B300);transform:scale(0.95);box-shadow:0 0 15px color-mix(in srgb, var(--color-B300) 50%, transparent)}.page-button.ai-clicked{background:var(--color-P300);transform:scale(0.95);box-shadow:0 0 15px color-mix(in srgb, var(--color-P300) 50%, transparent)}.browser-label{text-align:center;padding:1rem;font-size:.9rem;font-weight:600;color:var(--color-N600);border-top:1px solid var(--color-N100);background:var(--color-N20)}.human-browser .browser-label{color:var(--color-B300)}.ai-browser .browser-label{color:var(--color-P500);position:relative;overflow:hidden}.ai-browser .browser-label::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--color-P300) 10%, transparent) 50%, transparent 100%);animation:labelScanline 2s linear infinite;pointer-events:none}@keyframes labelScanline{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}.graph-visualization{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:900px;transition:opacity .3s ease,visibility .3s ease;z-index:10;visibility:hidden;pointer-events:none}.graph-container{display:flex;flex-direction:column;gap:2rem}.graph{background:var(--color-N0);border:2px solid var(--color-N100);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-lg)}.graph-label{font-size:1rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.human-graph{border-color:var(--color-B300)}.human-graph .graph-label{color:var(--color-B300)}.ai-graph{border-color:var(--color-P300)}.ai-graph .graph-label{color:var(--color-P300)}.graph-bars{display:flex;gap:4px;height:60px;align-items:flex-end}@media(max-width: 768px){.graph-bars{height:40px;gap:2px}}@media(max-width: 1024px){.browsers-wrapper{gap:1.5rem}.browser-content{height:350px}}@media(max-width: 1024px){section.browser-comparison-section{height:350vh;margin-top:4rem;padding-bottom:0}}@media(max-width: 768px){section.browser-comparison-section{height:400vh;margin-top:0;padding-bottom:0}.browser-sticky-container{position:sticky;top:0;height:100vh;padding:1rem 0;display:flex;flex-direction:column;justify-content:center}.section-title{font-size:1.5rem;padding:0 1rem;margin-bottom:.75rem}.section-subtitle{font-size:.9rem;padding:0 1rem;margin-bottom:1.5rem}.browsers-wrapper{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.browser-window{border-radius:8px}.browser-chrome{padding:.5rem;gap:.5rem}.browser-dots{gap:.35rem}.browser-dots .dot{width:8px;height:8px}.browser-url{font-size:.7rem;padding:.3rem .5rem}.browser-content{height:220px}.fake-page{padding:1rem}.page-header{font-size:1rem;margin-bottom:.75rem}.page-text{height:8px;margin-bottom:.5rem}.page-button{padding:.5rem 1rem;font-size:.75rem;margin:.75rem 0}.browser-cursor{width:16px;height:16px}.browser-cursor::after{border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:12px solid var(--color-N900)}.browser-label{padding:.75rem;font-size:.8rem}.graph-visualization{position:relative;transform:none;top:auto;left:auto;padding:0 1rem;margin-top:2rem}.graph-container{gap:1rem}.graph{padding:1rem}.graph-label{font-size:.85rem;margin-bottom:.75rem}}@media(max-width: 576px){.browser-content{height:180px}.section-title{font-size:1.25rem}.section-subtitle{font-size:.85rem}.browser-url{display:none}.browser-chrome{justify-content:center}}.site-footer{position:relative;z-index:10;background:var(--color-N0);margin-top:0}.site-footer.site-footer-no-accent{padding-top:var(--spacing-xl)}.site-footer.site-footer-no-accent .footer-accent{display:none}.site-footer{border-top:2px solid var(--color-N30);color:var(--color-N900);padding:var(--spacing-3xl) 0;margin-top:0}.footer-accent{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, var(--color-B300) 0%, var(--color-V300) 50%, var(--color-B300) 100%);background-size:200% 100%;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,100%{background-position:0% 0%}50%{background-position:100% 0%}}.footer-content{display:grid;grid-template-columns:auto auto;gap:8rem;align-items:center;justify-content:center}.footer-brand .footer-logo{font-size:1.5rem;font-weight:700;color:var(--color-N900);margin:0 0 .5rem 0}.footer-brand .footer-tagline{font-size:var(--font-size-body-small);color:var(--color-N600)}.footer-brand .footer-copyright{font-size:var(--font-size-caption);color:var(--color-N500);padding-top:var(--spacing-xs);margin:0}.footer-links{display:grid;grid-template-columns:repeat(3, auto);gap:1rem 2rem;align-items:center}.footer-links a{color:var(--color-N600);text-decoration:none;font-size:var(--font-size-body-small);transition:color .2s ease;white-space:nowrap;padding:12px 16px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.footer-links a:hover{color:var(--color-B300)}@media(max-width: 768px){.site-footer{padding:1.5rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:1rem;text-align:center}.footer-links{grid-template-columns:repeat(3, auto);justify-content:center;gap:.5rem 1.5rem}}@media(max-width: 576px){.footer-links{grid-template-columns:repeat(2, auto);gap:.25rem 1rem}.footer-brand .footer-logo{font-size:1.25rem}.footer-brand .footer-tagline{font-size:.85rem}}.icon-inline{display:inline-block;vertical-align:-0.15em;flex-shrink:0}.icon-list{display:inline-block;vertical-align:-0.2em;flex-shrink:0;margin-right:.4em}.icon-table-check{display:block;margin:0 auto}.light-page{background:var(--color-bg-secondary);color:var(--color-N800)}.navbar.navbar-light.navbar-light{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);position:relative}.navbar.navbar-light.navbar-light .container{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;padding-bottom:1.5rem}.navbar.navbar-light.navbar-light .lettermark{width:180px}.navbar.navbar-light.navbar-light .lettermark a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.navbar.navbar-light.navbar-light .lettermark img{width:100%;height:auto;filter:invert(1) brightness(0.2)}@media(max-width: 768px){.navbar.navbar-light.navbar-light .lettermark{width:auto;max-width:140px}}.navbar.navbar-light.navbar-light .nav-links{display:flex;align-items:center;gap:.5rem}.navbar.navbar-light.navbar-light .nav-links a{display:inline-flex;align-items:center;padding:12px 16px;min-height:44px;color:var(--color-N700);border-radius:var(--radius-md);transition:background-color .2s ease}.navbar.navbar-light.navbar-light .nav-links a:hover{background-color:rgba(0,0,0,.05);opacity:1}@media(max-width: 768px){.navbar.navbar-light.navbar-light .nav-links{display:none}}.site-footer-light{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-light)}.site-footer-light .footer-accent{background:linear-gradient(90deg, var(--color-V300), var(--color-Y300));height:3px}.site-footer-light .footer-logo{color:var(--color-N800)}.site-footer-light .footer-tagline{color:var(--color-N600)}.site-footer-light .footer-copyright{color:var(--color-N500)}.site-footer-light .footer-links a{color:var(--color-N600)}.site-footer-light .footer-links a:hover{color:var(--color-V500)}.btn-nav{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;background:var(--color-Y300);color:var(--color-N900);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-body)}.btn-nav:hover{background:var(--color-Y400);transform:translateY(-1px)}.btn-nav:focus-visible{outline:2px solid var(--color-Y300);outline-offset:2px}.btn-nav{padding:.75rem 1.5rem}.btn-nav:hover{opacity:1}.btn{display:inline-block;background:var(--color-Y300);color:var(--color-N900);padding:1rem 2rem;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;font-size:1rem}.btn:hover{background:var(--color-Y400);opacity:1;transform:translateY(-2px)}.error-page{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;background:var(--color-bg-secondary)}.error-content{max-width:500px;margin:0 auto}.error-code{font-size:6rem;font-weight:700;color:var(--color-V300);line-height:1;margin-bottom:1rem}@media(max-width: 768px){.error-code{font-size:4rem}}.error-title{font-size:2rem;line-height:1.2;color:var(--color-N900);margin-bottom:1rem}.error-message{color:var(--color-N600);margin-bottom:2rem;line-height:1.6}.error-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-link-outline{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-medium);transition:all .2s;background:var(--color-bg-primary);color:var(--color-N800);border:2px solid var(--color-border-light);min-height:44px}.error-link-outline:hover{border-color:var(--color-V300);opacity:1}.docs-page{padding-top:3rem;padding-bottom:4rem;background:var(--color-bg-secondary);min-height:100vh}@media(max-width: 768px){.docs-page{padding-top:2rem;padding-bottom:2.5rem}}.docs-header{text-align:center;margin-bottom:3rem}@media(max-width: 768px){.docs-header{margin-bottom:2rem}}.docs-header h1{color:var(--color-N900);font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.docs-header p{color:var(--color-N600);font-size:1.1rem}.docs-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-bottom:3rem}@media(max-width: 768px){.docs-grid{margin-bottom:2rem}}@media(max-width: 1024px){.docs-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.docs-grid{grid-template-columns:1fr}}.docs-card{background:var(--color-N0);border:1px solid var(--color-N30);border-radius:var(--radius-lg);padding:2rem;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.docs-card:hover{border-color:var(--color-V300);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.docs-card{background:var(--color-bg-primary);border-color:var(--color-border-light);position:relative}.docs-card.docs-card-featured{grid-column:span 1;border-color:var(--color-Y400);background:linear-gradient(135deg, var(--color-bg-primary), rgba(255, 215, 0, 0.05))}@media(max-width: 1024px){.docs-card.docs-card-featured{grid-column:span 2}}@media(max-width: 640px){.docs-card.docs-card-featured{grid-column:span 1}}.docs-card .docs-icon{margin-bottom:1rem}.docs-card h2{color:var(--color-N900);font-size:1.25rem;margin-bottom:.75rem}.docs-card p{color:var(--color-N600);margin-bottom:1rem;line-height:1.6}.docs-card .docs-features{list-style:none;padding:0;margin-bottom:1rem}.docs-card .docs-features li{color:var(--color-N500);padding:.25rem 0;padding-left:1.25rem;position:relative;font-size:.9rem}.docs-card .docs-features li::before{content:"•";position:absolute;left:0;color:var(--color-V400)}.docs-card .docs-link{color:var(--color-V500);text-decoration:none;font-weight:var(--font-weight-medium);display:inline-block}.docs-card .docs-link:hover{text-decoration:underline}.docs-card .docs-link.docs-link-primary{background:var(--color-V500);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);margin-top:.5rem}.docs-card .docs-link.docs-link-primary:hover{background:var(--color-V600);text-decoration:none}.docs-card .docs-badge{display:inline-block;background:var(--color-bg-tertiary);color:var(--color-N600);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem}.docs-steps{margin:1.5rem 0}.docs-steps .docs-step{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--color-N700)}.docs-steps .docs-step .step-number{width:24px;height:24px;background:var(--color-V400);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:var(--font-weight-semibold)}.docs-quick-install{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:3rem;border:1px solid var(--color-border-light)}@media(max-width: 768px){.docs-quick-install{margin-bottom:2rem}}.docs-quick-install{box-shadow:0 1px 3px rgba(0,0,0,.05)}.docs-quick-install h2{color:var(--color-N900);margin-bottom:1.5rem}.docs-quick-install .install-options{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}@media(max-width: 768px){.docs-quick-install .install-options{grid-template-columns:1fr}}.docs-quick-install .install-option h3{color:var(--color-V500);font-size:1rem;margin-bottom:.75rem}.docs-quick-install .install-option .code-block{margin:0}.docs-help{text-align:center;padding:2rem}.docs-help h2{color:var(--color-N900);margin-bottom:.75rem}.docs-help p{color:var(--color-N600);margin-bottom:1.5rem}.docs-article{padding-top:1.5rem}.docs-article .docs-breadcrumb{margin-bottom:2.5rem;color:var(--color-N500)}.docs-article .docs-breadcrumb a{color:var(--color-V500);text-decoration:underline}.docs-article .docs-breadcrumb a:hover{text-decoration-thickness:2px}.docs-article .docs-breadcrumb span{margin:0 .5rem}.docs-article .docs-layout{display:grid;grid-template-columns:220px 1fr;gap:3rem}@media(max-width: 1024px){.docs-article .docs-layout{grid-template-columns:1fr}}@media(max-width: 1024px){.docs-article .docs-sidebar{display:none}}.docs-article .docs-sidebar nav{position:sticky;top:6rem}.docs-article .docs-sidebar h2{color:var(--color-N500);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.docs-article .docs-sidebar ul{list-style:none;padding:0;margin:0}.docs-article .docs-sidebar ul li{margin-bottom:.5rem}.docs-article .docs-sidebar ul li a{color:var(--color-N600);text-decoration:none;font-size:.9rem;display:block;padding:.25rem 0;transition:color .2s}.docs-article .docs-sidebar ul li a:hover{color:var(--color-V500)}.docs-article .docs-content{max-width:800px}.docs-article .docs-content h1{color:var(--color-N900);font-size:2.25rem;line-height:1.2;margin-bottom:1rem}.docs-article .docs-content .docs-intro{color:var(--color-N600);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.docs-article .docs-content section{margin-bottom:2.5rem;padding-top:1rem}@media(max-width: 768px){.docs-article .docs-content section{margin-bottom:2rem}}.docs-article .docs-content section:not(:first-of-type){border-top:1px solid var(--color-border-light)}.docs-article .docs-content h2{color:var(--color-N900);font-size:1.5rem;margin-bottom:1rem;margin-top:1rem}.docs-article .docs-content h3{color:var(--color-V500);font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem}.docs-article .docs-content p{color:var(--color-N700);line-height:1.7;margin-bottom:1rem}.docs-article .docs-content ul,.docs-article .docs-content ol{color:var(--color-N700);margin-bottom:1rem;padding-left:1.5rem}.docs-article .docs-content ul li,.docs-article .docs-content ol li{margin-bottom:.5rem;line-height:1.6}.docs-article .docs-content a{color:var(--color-V500);text-decoration:underline}.docs-article .docs-content a:hover{text-decoration-thickness:2px}.docs-article .docs-content code{background:var(--color-bg-tertiary);padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:.9em;color:var(--color-V600)}.docs-article .code-block{background:#1e1e2e;border-radius:var(--radius-md);margin-bottom:1.5rem;overflow:hidden;border:1px solid #2a2a3e}.docs-article .code-block .code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#252535;border-bottom:1px solid #2a2a3e}.docs-article .code-block .code-header .code-lang{color:#9a9a9a;font-size:.8rem;text-transform:uppercase}.docs-article .code-block pre{margin:0;padding:1rem;overflow-x:auto}.docs-article .code-block pre code{background:none;padding:0;font-size:.9rem;line-height:1.6;color:#e0e0e0}.docs-article .code-block pre code .token.keyword{color:#c7a7e7}.docs-article .code-block pre code .token.string{color:#7fe599}.docs-article .code-block pre code .token.comment{color:#8993a4}.docs-article .code-block pre code .token.punctuation{color:#b3b9c4}.docs-article .code-block pre code .token.tag{color:#fdb8d8}.docs-article .code-block pre code .token.attr-name{color:#f9d46b}.docs-article .code-block pre code .token.attr-value{color:#7fe599}.docs-article .docs-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;background:var(--color-bg-primary);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}.docs-article .docs-table th,.docs-article .docs-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-light)}.docs-article .docs-table th{background:var(--color-bg-tertiary);color:var(--color-N900);font-weight:var(--font-weight-medium)}.docs-article .docs-table td{color:var(--color-N700)}.docs-article .docs-table td code{font-size:.85rem}.docs-article .docs-table tr:hover td{background:var(--color-bg-secondary)}.docs-article .docs-comparison{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin-bottom:1.5rem}@media(max-width: 640px){.docs-article .docs-comparison{grid-template-columns:1fr}}.docs-article .docs-comparison .comparison-item{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--color-border-light);box-shadow:0 1px 3px rgba(0,0,0,.05)}.docs-article .docs-comparison .comparison-item h3{margin-top:0;font-size:1rem}.docs-article .docs-comparison .comparison-item ul{margin-bottom:0}.docs-article .docs-callout{background:#fffbeb;border-left:4px solid var(--color-Y400);padding:1rem 1.5rem;border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:1.5rem;color:var(--color-N700)}.docs-article .docs-callout strong{color:var(--color-N900)}.docs-article .docs-callout.docs-callout-success{background:#f0fdf4;border-left-color:var(--color-G400)}.how-it-works-page{padding-top:3rem;padding-bottom:4rem}@media(max-width: 768px){.how-it-works-page{padding-top:2rem;padding-bottom:2.5rem}}.page-header-centered{text-align:center;margin-bottom:3rem}@media(max-width: 768px){.page-header-centered{margin-bottom:2rem}}.page-header-centered h1{color:var(--color-N900);font-size:2.75rem;line-height:1.2;margin-bottom:1rem}@media(max-width: 768px){.page-header-centered h1{font-size:2rem}}.page-header-centered .page-subtitle{color:var(--color-N600);font-size:1.2rem;max-width:700px;margin:0 auto;line-height:1.6}.products-overview{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;margin-bottom:3rem}@media(max-width: 768px){.products-overview{grid-template-columns:1fr;margin-bottom:2rem}}.product-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:2.5rem;border:2px solid var(--color-border-light);text-align:center;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.product-card:hover{border-color:var(--color-V300);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.product-card .product-icon{margin-bottom:1.5rem}.product-card h2{color:var(--color-N900);font-size:1.5rem;margin-bottom:.5rem}.product-card .product-tagline{color:var(--color-N600);margin-bottom:1.5rem}.product-card .product-learn-more{color:var(--color-V500);font-weight:var(--font-weight-medium);text-decoration:none}.product-card .product-learn-more:hover{text-decoration:underline}.product-detail{margin-bottom:3rem;padding:3rem}@media(max-width: 768px){.product-detail{margin-bottom:2rem;padding:2rem}}.product-detail{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.05)}.product-detail .product-detail-header{margin-bottom:2.5rem}.product-detail .product-detail-header .product-badge{display:inline-block;background:var(--color-V100, #f3e8ff);color:var(--color-V600);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:var(--font-weight-medium);margin-bottom:1rem}.product-detail .product-detail-header h2{color:var(--color-N900);font-size:2rem;line-height:1.2;margin-bottom:1rem}.product-detail .product-detail-header p{color:var(--color-N600);font-size:1.1rem;line-height:1.7;max-width:800px}.feature-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2.5rem;margin-bottom:2rem}@media(max-width: 768px){.feature-grid{grid-template-columns:1fr;gap:2rem}}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);transition:box-shadow .2s ease}.feature-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.feature-item .feature-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.feature-item .feature-content{flex:1;display:flex;flex-direction:column}.feature-item h3{color:var(--color-N900);font-size:1.1rem;margin-bottom:.5rem;margin-top:0}.feature-item p{color:var(--color-N600);line-height:1.6;font-size:.95rem;margin:0}.code-example{background:#1e1e2e;border-radius:var(--radius-md);padding:1.5rem;margin-top:2rem}.code-example h4{color:#888;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.code-example pre{margin:0;overflow-x:auto}.code-example pre code{color:#e0e0e0;font-size:.9rem;line-height:1.6}.comparison-section{margin-bottom:3rem}@media(max-width: 768px){.comparison-section{margin-bottom:2rem}}.comparison-section h2{color:var(--color-N900);font-size:1.75rem;text-align:center;margin-bottom:2rem}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;background:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.comparison-table caption{caption-side:top;margin-bottom:.75rem;color:var(--color-N600);font-size:.95rem}.comparison-table th,.comparison-table td{text-align:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light)}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table th{background:var(--color-V500);color:#fff;font-weight:var(--font-weight-medium)}.comparison-table td:first-child{font-weight:var(--font-weight-medium);color:var(--color-N800)}.comparison-table td{color:var(--color-N600)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:var(--color-bg-secondary)}.which-product-section{margin-bottom:3rem}@media(max-width: 768px){.which-product-section{margin-bottom:2rem}}.which-product-section h2{color:var(--color-N900);font-size:2rem;line-height:1.2;text-align:center;margin-bottom:.75rem}.which-product-section .section-subtitle{color:var(--color-N600);font-size:1.1rem;text-align:center;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.product-choice-cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}@media(max-width: 768px){.product-choice-cards{grid-template-columns:1fr}}.product-choice-card{background:var(--color-bg-primary);border:1px solid var(--color-N30);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.product-choice-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.product-choice-card .choice-question{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-N30)}.product-choice-card .choice-question svg{flex-shrink:0}.product-choice-card .choice-question h3{color:var(--color-N900);font-size:1.35rem;margin:0}.product-choice-card .choice-answer{margin-bottom:1.5rem}.product-choice-card .choice-answer .choice-product{display:block;color:var(--color-V500);font-size:1rem;margin-bottom:.5rem}.product-choice-card .choice-answer .choice-product strong{color:var(--color-V500)}.product-choice-card .choice-answer p{color:var(--color-N600);line-height:1.6;font-size:.95rem;margin:0}.product-choice-card .choice-use-cases{list-style:none;padding:0;margin:0 0 1.5rem 0;flex:1}.product-choice-card .choice-use-cases li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--color-N700);font-size:.9rem;line-height:1.5}.product-choice-card .choice-use-cases li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--color-Y300);border-radius:50%}.product-choice-card .choice-use-cases li:last-child{margin-bottom:0}.product-choice-card .choice-cta{color:var(--color-V500);font-weight:var(--font-weight-medium);text-decoration:none;font-size:.95rem;transition:color .2s ease}.product-choice-card .choice-cta:hover{color:var(--color-V400)}.btn-section{position:relative;z-index:10;text-align:center;padding:4rem 3rem;margin-top:3rem}@media(max-width: 768px){.btn-section{padding:2.5rem 1.5rem;margin-top:2rem}}.btn-section{margin-bottom:2rem;background:linear-gradient(135deg, var(--color-V500), var(--color-V300));border-radius:var(--radius-lg);color:#fff;box-shadow:0 8px 30px rgba(119,80,212,.3)}.btn-section h2{color:#fff;font-size:2.25rem;line-height:1.2;font-weight:var(--font-weight-bold);margin-bottom:.75rem;margin-top:0}.btn-section p{color:hsla(0,0%,100%,.9);margin-bottom:2rem}@media(max-width: 768px){.btn-section p{margin-bottom:1.5rem}}.btn-section p{font-size:1.15rem;line-height:1.6}.btn-section-home{border-radius:0;margin:0;padding:4rem 3rem;box-shadow:none;margin-bottom:0}.btn-section-home+.site-footer,.btn-section-home~.site-footer{margin-top:0}.btn-group-centered{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-group-centered .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--color-Y300);color:var(--color-N900);padding:1rem 2.5rem;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:1.1rem;text-decoration:none;transition:all .2s ease;min-height:44px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.btn-group-centered .btn:hover{background:var(--color-Y400);transform:translateY(-2px);opacity:1;box-shadow:0 4px 16px rgba(0,0,0,.2)}.btn-group-centered .btn-outline{display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);color:#fff;padding:1rem 2.5rem;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:1.1rem;text-decoration:none;border:2px solid hsla(0,0%,100%,.6);transition:all .2s ease;min-height:44px}.btn-group-centered .btn-outline:hover{background:hsla(0,0%,100%,.15);border-color:#fff;opacity:1;transform:translateY(-2px)}.legal-page{padding-top:3rem;padding-bottom:4rem;background:var(--color-bg-secondary);min-height:100vh}@media(max-width: 767px){.legal-page{padding-top:2rem;padding-bottom:2.5rem}}.legal-content{max-width:800px;margin:0 auto;color:var(--color-N700)}.legal-content h1{font-size:var(--font-size-display-m);line-height:var(--line-height-display-m);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-N900);margin-bottom:.5rem}@media(max-width: 767px){.legal-content h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-bold)}}.legal-content .legal-updated{color:var(--color-N500);margin-bottom:2.5rem;font-size:.9rem}@media(max-width: 767px){.legal-content .legal-updated{margin-bottom:1.5rem}}.legal-section{margin-bottom:2.5rem}.legal-section h2{color:var(--color-N900);font-size:1.5rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--color-border-light)}.legal-section h3{color:var(--color-V500);font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem}.legal-section p{margin-bottom:1rem;line-height:1.7}.legal-section ul{margin-bottom:1rem;padding-left:1.5rem}.legal-section ul li{margin-bottom:.5rem;line-height:1.6}.legal-section a{color:var(--color-V500);text-decoration:underline}.legal-section a:hover{color:var(--color-V600)}.legal-section strong{color:var(--color-N900)}.pricing-page{padding-top:3rem;padding-bottom:4rem}@media(max-width: 768px){.pricing-page{padding-top:2rem;padding-bottom:2.5rem}}.pricing-header{text-align:center;margin-bottom:3rem}@media(max-width: 768px){.pricing-header{margin-bottom:2rem}}.pricing-header h1{color:var(--color-N900);font-size:2.75rem;line-height:1.2;margin-bottom:1rem}@media(max-width: 768px){.pricing-header h1{font-size:2rem}}.pricing-header .pricing-subtitle{color:var(--color-N600);font-size:1.2rem;max-width:600px;margin:0 auto 2rem;line-height:1.6}.pricing-toggle{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}@media(max-width: 768px){.pricing-toggle{margin-bottom:2rem}}.pricing-toggle .toggle-option{padding:.75rem 1.5rem;border-radius:var(--radius-md);border:2px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-N600);cursor:pointer;transition:all .2s ease}.pricing-toggle .toggle-option.active{border-color:var(--color-V500);background:var(--color-V500);color:#fff}.pricing-toggle .toggle-option:hover:not(.active){border-color:var(--color-V300)}.pricing-toggle .toggle-savings{font-size:.85rem;color:var(--color-G500);font-weight:var(--font-weight-medium)}.pricing-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-bottom:3rem}@media(max-width: 768px){.pricing-grid{margin-bottom:2rem}}@media(max-width: 1024px){.pricing-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}.pricing-card{background:var(--color-N0);border:1px solid var(--color-N30);border-radius:var(--radius-lg);padding:2.5rem;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.pricing-card:hover{border-color:var(--color-border-light);transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.pricing-card{background:var(--color-bg-primary);border:2px solid var(--color-border-light);position:relative}.pricing-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1)}.pricing-card.pricing-card-featured{border-color:var(--color-V500);transform:scale(1.02)}@media(max-width: 1024px){.pricing-card.pricing-card-featured{transform:none}}.pricing-card.pricing-card-featured .pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-V500);color:#fff;padding:.25rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:var(--font-weight-semibold)}.pricing-card .pricing-tier{font-size:.9rem;color:var(--color-N500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.pricing-card .pricing-name{color:var(--color-N900);font-size:1.5rem;margin-bottom:1rem}.pricing-card .pricing-price{margin-bottom:1.5rem}.pricing-card .pricing-price .price-amount{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--color-N900)}.pricing-card .pricing-price .price-period{color:var(--color-N500);font-size:1rem}.pricing-card .pricing-price .price-note{color:var(--color-N500);font-size:.85rem;margin-top:.25rem}.pricing-card .pricing-description{color:var(--color-N600);margin-bottom:1.5rem;line-height:1.6;min-height:3rem}.pricing-card .pricing-btn{display:block;width:100%;padding:1rem;border-radius:var(--radius-md);text-align:center;font-weight:var(--font-weight-semibold);text-decoration:none;transition:all .2s ease;margin-bottom:2rem}.pricing-card .pricing-btn.pricing-btn-primary{background:var(--color-V500);color:#fff}.pricing-card .pricing-btn.pricing-btn-primary:hover{background:var(--color-V600)}.pricing-card .pricing-btn.pricing-btn-secondary{background:var(--color-bg-tertiary);color:var(--color-N800);border:2px solid var(--color-border-light)}.pricing-card .pricing-btn.pricing-btn-secondary:hover{border-color:var(--color-V300);background:var(--color-bg-primary)}.pricing-card .pricing-btn.pricing-btn-enterprise{background:var(--color-N800);color:#fff}.pricing-card .pricing-btn.pricing-btn-enterprise:hover{background:var(--color-N900)}.pricing-card .pricing-features{list-style:none;padding:0;margin:0}.pricing-card .pricing-features li{padding:.5rem 0;padding-left:1.75rem;position:relative;color:var(--color-N700);font-size:.95rem}.pricing-card .pricing-features li::before{content:"✓";position:absolute;left:0;color:var(--color-G500);font-weight:bold}.pricing-card .pricing-features li.feature-highlight{color:var(--color-N900);font-weight:var(--font-weight-medium)}.pricing-card .pricing-features li.feature-disabled{color:var(--color-N400)}.pricing-card .pricing-features li.feature-disabled::before{content:"—";color:var(--color-N400)}.pricing-card .pricing-note{font-size:.8rem;color:var(--color-N500);margin-top:.75rem;line-height:1.5}.pricing-comparison{margin-bottom:3rem}@media(max-width: 768px){.pricing-comparison{margin-bottom:2rem}}.pricing-comparison h2{color:var(--color-N900);font-size:1.75rem;text-align:center;margin-bottom:2rem}.pricing-faq{max-width:800px;margin:0 auto}.pricing-faq h2{color:var(--color-N900);font-size:1.75rem;text-align:center;margin-bottom:2rem}.pricing-enterprise{background:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);padding:3rem;text-align:center}.pricing-enterprise h2{color:var(--color-N900);font-size:1.75rem;margin-bottom:1rem}.pricing-enterprise p{color:var(--color-N600);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.pricing-enterprise .enterprise-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.pricing-enterprise .enterprise-features .enterprise-feature{display:flex;align-items:center;gap:.5rem;color:var(--color-N700)}.pricing-enterprise .enterprise-features .enterprise-feature::before{content:"✓";color:var(--color-G500);font-weight:bold}.pricing-enterprise .pricing-enterprise-cta{display:inline-block;background:var(--color-V500);color:#fff;padding:1rem 2.5rem;border-radius:var(--radius-md);border:none;font-weight:var(--font-weight-semibold);font-size:1rem;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s ease;min-height:44px;box-shadow:0 2px 8px rgba(119,80,212,.3)}.pricing-enterprise .pricing-enterprise-cta:hover{background:var(--color-V600);transform:translateY(-2px);box-shadow:0 4px 16px rgba(119,80,212,.4);opacity:1}.pricing-education{margin-bottom:3rem}@media(max-width: 768px){.pricing-education{margin-bottom:2rem}}.pricing-education .education-content{background:linear-gradient(135deg, #f0f7ff, #faf0ff);border:2px solid #e0e7ff;border-radius:var(--radius-lg);padding:3rem}@media(max-width: 768px){.pricing-education .education-content{padding:2rem 1.5rem}}.pricing-education .education-info{max-width:900px;margin:0 auto;text-align:center}.pricing-education .education-badge{display:inline-block;background:linear-gradient(135deg, var(--color-V500), var(--color-V600));color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-semibold);margin-bottom:1rem}.pricing-education h2{color:var(--color-N900);font-size:2rem;line-height:1.2;margin-bottom:1rem}.pricing-education>.education-content>.education-info>p{color:var(--color-N700);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.pricing-education .education-pricing-tiers{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width: 768px){.pricing-education .education-pricing-tiers{grid-template-columns:1fr;gap:1rem}}.pricing-education .edu-tier{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.pricing-education .edu-tier .edu-tier-name{color:var(--color-V600);font-weight:var(--font-weight-semibold);font-size:1.1rem}.pricing-education .edu-tier .edu-tier-size{color:var(--color-N600);font-size:.9rem}.pricing-education .edu-tier .edu-tier-price{color:var(--color-N900);font-size:1.25rem;font-weight:var(--font-weight-bold);margin-top:.5rem}.pricing-education .education-features{display:grid;grid-template-columns:repeat(3, auto);gap:.75rem 2rem;justify-content:center;text-align:left;margin:2rem auto;list-style:none;padding:0}@media(max-width: 600px){.pricing-education .education-features{grid-template-columns:repeat(2, auto)}}.pricing-education .education-features li{color:var(--color-N700);padding-left:1.5rem;position:relative;white-space:nowrap}.pricing-education .education-features li::before{content:"✓";position:absolute;left:0;color:var(--color-G500);font-weight:bold}.pricing-education .pricing-education-cta{display:inline-block;background:var(--color-V500);color:#fff;padding:1rem 2.5rem;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:1rem;text-decoration:none;transition:all .2s ease;min-height:44px}.pricing-education .pricing-education-cta:hover{background:var(--color-V600);transform:translateY(-2px);opacity:1}.signup-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.signup-card{background:hsla(0,0%,100%,.45);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;padding:4rem 3.5rem;max-width:640px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.25)}@media(max-width: 576px){.signup-card{padding:2.5rem 1.5rem}}.signup-header{text-align:center;margin-bottom:2.5rem}.signup-header h1{color:#fff;font-size:2.5rem;line-height:1.2;margin-bottom:.75rem;text-shadow:0 1px 3px rgba(0,0,0,.2)}@media(max-width: 576px){.signup-header h1{font-size:2rem}}.signup-header p{color:#fff;font-size:1.125rem;text-shadow:0 1px 2px rgba(0,0,0,.15)}.signup-footer{margin-top:2rem;text-align:center;color:#fff;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.15)}.signup-footer a{color:#fff;text-decoration:underline;text-decoration-color:hsla(0,0%,100%,.5);text-underline-offset:2px;transition:text-decoration-color .2s}.signup-footer a:hover{text-decoration-color:#fff}.support-page{padding-top:3rem;padding-bottom:4rem;background:var(--color-bg-secondary);min-height:100vh}@media(max-width: 767px){.support-page{padding-top:2rem;padding-bottom:2.5rem}}.support-header{text-align:center;margin-bottom:3rem}@media(max-width: 767px){.support-header{margin-bottom:2rem}}.support-header h1{color:var(--color-N900);font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.support-header p{color:var(--color-N600);font-size:1.1rem}.support-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin-bottom:3rem}@media(max-width: 767px){.support-grid{grid-template-columns:1fr;margin-bottom:2rem}}.support-card{background:var(--color-N0);border:1px solid var(--color-N30);border-radius:var(--radius-lg);padding:2rem;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.support-card:hover{border-color:var(--color-V300);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.support-card{background:var(--color-bg-primary);border-color:var(--color-border-light)}.support-card.support-card-highlight{border-color:var(--color-Y400);background:linear-gradient(135deg, var(--color-bg-primary), rgba(255, 215, 0, 0.1))}.support-card .support-icon{margin-bottom:1rem}.support-card h2{color:var(--color-N900);font-size:1.25rem;margin-bottom:.75rem}.support-card p{color:var(--color-N600);margin-bottom:1rem;line-height:1.6}.support-card .support-link{color:var(--color-V500);text-decoration:none;font-weight:var(--font-weight-medium)}.support-card .support-link:hover{text-decoration:underline}.support-card .support-meta{font-size:.85rem;color:var(--color-N500);margin-top:.5rem}.faq-section{margin-bottom:3rem}@media(max-width: 767px){.faq-section{margin-bottom:2rem}}.faq-section h2{color:var(--color-N900);font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid var(--color-border-light);overflow:hidden}.faq-item summary{padding:1.25rem 1.5rem;cursor:pointer;color:var(--color-N900);font-weight:var(--font-weight-medium);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-size:1.5rem;color:var(--color-V500);transition:transform .2s}.faq-item summary:hover{background:var(--color-bg-tertiary)}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item p{padding:0 1.5rem 1.5rem;color:var(--color-N600);line-height:1.7}.faq-item p a{color:var(--color-V500)}.contact-form{margin-top:1rem}.contact-form .form-group{margin-bottom:1rem}.contact-form label{display:block;color:var(--color-N700);font-size:.875rem;font-weight:var(--font-weight-medium);margin-bottom:.375rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:1rem;color:var(--color-N900);background:var(--color-bg-primary);transition:border-color .2s,box-shadow .2s}.contact-form input::placeholder,.contact-form select::placeholder,.contact-form textarea::placeholder{color:var(--color-N70)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-V300);box-shadow:0 0 0 3px rgba(119,80,212,.15)}.contact-form input:disabled,.contact-form select:disabled,.contact-form textarea:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.contact-form input.has-error,.contact-form select.has-error,.contact-form textarea.has-error{border-color:var(--color-P300);box-shadow:0 0 0 3px rgba(224,0,143,.1)}.contact-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23505F79' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.contact-form textarea{resize:vertical;min-height:100px}.contact-form .field-error{display:none;color:var(--color-P300);font-size:.8125rem;margin-top:.375rem}.contact-form .form-submit{display:inline-block;background:var(--color-V500);color:#fff;padding:.875rem 1.5rem;border-radius:var(--radius-md);border:none;font-weight:var(--font-weight-semibold);font-size:1rem;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:44px}.contact-form .form-submit:hover:not(:disabled){background:var(--color-V600);transform:translateY(-1px)}.contact-form .form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-form .form-success{display:none;background:var(--color-G50);border:1px solid var(--color-G300);border-radius:var(--radius-md);padding:1rem;color:var(--color-G500);margin-bottom:1rem}.contact-form .form-error{display:none;background:var(--color-P50);border:1px solid var(--color-P300);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.contact-form .form-error .error-message{color:var(--color-P500);margin-bottom:.5rem}.contact-form .form-error .retry-link{color:var(--color-V500);cursor:pointer;text-decoration:underline}.contact-form .form-error .retry-link:hover{color:var(--color-V600)}.contact-form.is-loading{opacity:.8;pointer-events:none}.contact-fallback{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-light);font-size:.875rem;color:var(--color-N500)}.contact-fallback a{color:var(--color-V500)}.enterprise-support{text-align:center;background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:3rem;border:2px solid var(--color-border-light)}.enterprise-support h2{color:var(--color-N900);font-size:1.75rem;margin-bottom:1rem}.enterprise-support p{color:var(--color-N600);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.enterprise-support .enterprise-support-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.enterprise-support .enterprise-support-features .enterprise-support-feature{display:flex;align-items:center;gap:.5rem;color:var(--color-N700)}.enterprise-support .enterprise-support-features .enterprise-support-feature::before{content:"✓";color:var(--color-G500);font-weight:bold}.enterprise-support .enterprise-support-cta{display:inline-block;background:var(--color-V500);color:#fff;padding:1rem 2.5rem;border-radius:var(--radius-md);border:none;font-weight:var(--font-weight-semibold);font-size:1rem;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s ease;min-height:44px;box-shadow:0 2px 8px rgba(119,80,212,.3)}.enterprise-support .enterprise-support-cta:hover{background:var(--color-V600);transform:translateY(-2px);box-shadow:0 4px 16px rgba(119,80,212,.4);opacity:1}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}.skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:var(--color-V300);color:#fff;padding:1rem 2rem;border-radius:0 0 8px 8px;font-weight:600;z-index:10000;transition:top .3s ease;text-decoration:none}.skip-link:focus{top:0;outline:3px solid var(--color-Y300);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-family-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-regular);color:var(--color-text-primary);overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{line-height:var(--line-height-h1)}h2{line-height:var(--line-height-h2)}h3{line-height:var(--line-height-h3)}h4{line-height:var(--line-height-h4)}h5{line-height:var(--line-height-h5)}h6{line-height:var(--line-height-h6)}.pin-spacer{max-height:2224px !important}.text-white{color:var(--color-N0)}.text-yellow{color:var(--color-Y300)}.text-pink{color:var(--color-P300)}.text-violet{color:var(--color-V300)}.text-purple{color:var(--color-Pu300)}.text-blue{color:var(--color-B300)}.text-cyan{color:var(--color-C300)}.text-green{color:var(--color-G300)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.bg-white{background-color:var(--color-N0)}.bg-yellow{background-color:var(--color-Y300)}.bg-pink{background-color:var(--color-P300)}.bg-violet{background-color:var(--color-V300)}.bg-purple{background-color:var(--color-Pu300)}.bg-blue{background-color:var(--color-B300)}.bg-cyan{background-color:var(--color-C300)}.bg-green{background-color:var(--color-G300)}.bg-dark{background-color:var(--color-N900)}.container-full{width:100%}.container{width:100%;max-width:1440px;margin:auto;padding-left:1rem;padding-right:1rem}@media(max-width: 768px){.container{max-width:100%}}button{font-family:var(--font-family-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);background-color:var(--color-primary);color:var(--color-N900);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);min-height:44px;min-width:44px}button:hover{background-color:var(--color-Y400);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.p-xs{padding:var(--spacing-xs)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.pl-xs{padding-left:var(--spacing-xs)}.pr-xs{padding-right:var(--spacing-xs)}.pt-xs{padding-top:var(--spacing-xs)}.pb-xs{padding-bottom:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.pl-sm{padding-left:var(--spacing-sm)}.pr-sm{padding-right:var(--spacing-sm)}.pt-sm{padding-top:var(--spacing-sm)}.pb-sm{padding-bottom:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.pl-md{padding-left:var(--spacing-md)}.pr-md{padding-right:var(--spacing-md)}.pt-md{padding-top:var(--spacing-md)}.pb-md{padding-bottom:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.pl-lg{padding-left:var(--spacing-lg)}.pr-lg{padding-right:var(--spacing-lg)}.pt-lg{padding-top:var(--spacing-lg)}.pb-lg{padding-bottom:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.pl-xl{padding-left:var(--spacing-xl)}.pr-xl{padding-right:var(--spacing-xl)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xl{padding-bottom:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.pl-2xl{padding-left:var(--spacing-2xl)}.pr-2xl{padding-right:var(--spacing-2xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.px-3xl{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.pl-3xl{padding-left:var(--spacing-3xl)}.pr-3xl{padding-right:var(--spacing-3xl)}.pt-3xl{padding-top:var(--spacing-3xl)}.pb-3xl{padding-bottom:var(--spacing-3xl)}.p-4xl{padding:var(--spacing-4xl)}.px-4xl{padding-left:var(--spacing-4xl);padding-right:var(--spacing-4xl)}.py-4xl{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.pl-4xl{padding-left:var(--spacing-4xl)}.pr-4xl{padding-right:var(--spacing-4xl)}.pt-4xl{padding-top:var(--spacing-4xl)}.pb-4xl{padding-bottom:var(--spacing-4xl)}.p-5xl{padding:var(--spacing-5xl)}.px-5xl{padding-left:var(--spacing-5xl);padding-right:var(--spacing-5xl)}.py-5xl{padding-top:var(--spacing-5xl);padding-bottom:var(--spacing-5xl)}.pl-5xl{padding-left:var(--spacing-5xl)}.pr-5xl{padding-right:var(--spacing-5xl)}.pt-5xl{padding-top:var(--spacing-5xl)}.pb-5xl{padding-bottom:var(--spacing-5xl)}.p-6xl{padding:var(--spacing-6xl)}.px-6xl{padding-left:var(--spacing-6xl);padding-right:var(--spacing-6xl)}.py-6xl{padding-top:var(--spacing-6xl);padding-bottom:var(--spacing-6xl)}.pl-6xl{padding-left:var(--spacing-6xl)}.pr-6xl{padding-right:var(--spacing-6xl)}.pt-6xl{padding-top:var(--spacing-6xl)}.pb-6xl{padding-bottom:var(--spacing-6xl)}.m-xs{margin:var(--spacing-xs)}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.ml-xs{margin-left:var(--spacing-xs)}.mr-xs{margin-right:var(--spacing-xs)}.mt-xs{margin-top:var(--spacing-xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.ml-sm{margin-left:var(--spacing-sm)}.mr-sm{margin-right:var(--spacing-sm)}.mt-sm{margin-top:var(--spacing-sm)}.mb-sm{margin-bottom:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.ml-md{margin-left:var(--spacing-md)}.mr-md{margin-right:var(--spacing-md)}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.ml-lg{margin-left:var(--spacing-lg)}.mr-lg{margin-right:var(--spacing-lg)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.ml-xl{margin-left:var(--spacing-xl)}.mr-xl{margin-right:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.mx-2xl{margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl)}.my-2xl{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.ml-2xl{margin-left:var(--spacing-2xl)}.mr-2xl{margin-right:var(--spacing-2xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.m-3xl{margin:var(--spacing-3xl)}.mx-3xl{margin-left:var(--spacing-3xl);margin-right:var(--spacing-3xl)}.my-3xl{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.ml-3xl{margin-left:var(--spacing-3xl)}.mr-3xl{margin-right:var(--spacing-3xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.m-4xl{margin:var(--spacing-4xl)}.mx-4xl{margin-left:var(--spacing-4xl);margin-right:var(--spacing-4xl)}.my-4xl{margin-top:var(--spacing-4xl);margin-bottom:var(--spacing-4xl)}.ml-4xl{margin-left:var(--spacing-4xl)}.mr-4xl{margin-right:var(--spacing-4xl)}.mt-4xl{margin-top:var(--spacing-4xl)}.mb-4xl{margin-bottom:var(--spacing-4xl)}.m-5xl{margin:var(--spacing-5xl)}.mx-5xl{margin-left:var(--spacing-5xl);margin-right:var(--spacing-5xl)}.my-5xl{margin-top:var(--spacing-5xl);margin-bottom:var(--spacing-5xl)}.ml-5xl{margin-left:var(--spacing-5xl)}.mr-5xl{margin-right:var(--spacing-5xl)}.mt-5xl{margin-top:var(--spacing-5xl)}.mb-5xl{margin-bottom:var(--spacing-5xl)}.m-6xl{margin:var(--spacing-6xl)}.mx-6xl{margin-left:var(--spacing-6xl);margin-right:var(--spacing-6xl)}.my-6xl{margin-top:var(--spacing-6xl);margin-bottom:var(--spacing-6xl)}.ml-6xl{margin-left:var(--spacing-6xl)}.mr-6xl{margin-right:var(--spacing-6xl)}.mt-6xl{margin-top:var(--spacing-6xl)}.mb-6xl{margin-bottom:var(--spacing-6xl)}