*{box-sizing:border-box;margin:0;padding:0}:root{--color-burgundy-light: #8E2C42;--color-burgundy-base: #6A1B2D;--color-burgundy-dark: #40101C;--color-gold-light: #F1D97A;--color-gold-base: #D4AF37;--color-gold-dark: #A6801D;--color-green-light: #4F7A55;--color-green-base: #2A4D2E;--color-green-dark: #17301A;--color-beige-light: #F3E6D1;--color-beige-base: #E6D5B8;--color-beige-dark: #C9B28A;--color-elena-sage: #4F7A55;--color-elena-cream: #F3E6D1;--color-elena-auburn: #8E2C42;--color-marcus-slate: #5A6C7D;--color-marcus-navy: #2C3E50;--color-marcus-steel: #7A8C9E;--color-victor-ice: #A3C7D6;--color-victor-charcoal: #2C2C2C;--color-victor-black: #1A1A1A;--color-bg-primary: #ffffff;--color-bg-secondary: var(--color-beige-light);--color-text-primary: var(--color-burgundy-base);--color-text-secondary: var(--color-green-base);--color-text-subtitle: var(--color-green-light);--color-accent: var(--color-burgundy-base);--color-accent-hover: var(--color-burgundy-light);--color-border: var(--color-beige-base);--shadow-comic-sm: 0 2px 4px rgba(106, 27, 45, .15);--shadow-comic-md: 0 4px 12px rgba(106, 27, 45, .2);--shadow-comic-lg: 0 8px 24px rgba(106, 27, 45, .25);--shadow-comic-xl: 0 12px 40px rgba(106, 27, 45, .3)}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--color-burgundy-base);letter-spacing:-.02em;line-height:1.2}h2{font-size:2.5rem;font-weight:600;color:var(--color-burgundy-base);line-height:1.2}h3{font-size:1.2rem;font-weight:600;color:var(--color-burgundy-base);line-height:1.3}p{font-size:1rem;font-weight:400;color:var(--color-green-base);line-height:1.5}.subtitle{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--color-green-light);line-height:1.6}@media(max-width:768px){h2{font-size:2rem}}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}a{color:var(--color-burgundy-base);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-burgundy-light);text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}.comic-panel{background:#fffffff2;border:3px solid var(--color-beige-dark);border-radius:12px;padding:2rem;box-shadow:var(--shadow-comic-md)}.comic-heading{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;text-shadow:3px 3px 0 rgba(106,27,45,.1)}.comic-button{border:3px solid currentColor;box-shadow:0 4px 0 currentColor;transition:all .2s ease}.comic-button:hover{transform:translateY(2px);box-shadow:0 2px 0 currentColor}.comic-button:active{transform:translateY(4px);box-shadow:none}::selection{background-color:var(--color-gold-light);color:var(--color-burgundy-dark)}::-moz-selection{background-color:var(--color-gold-light);color:var(--color-burgundy-dark)}:focus-visible{outline:3px solid var(--color-gold-base);outline-offset:2px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-beige-light)}::-webkit-scrollbar-thumb{background:var(--color-burgundy-base);border-radius:6px;border:2px solid var(--color-beige-light)}::-webkit-scrollbar-thumb:hover{background:var(--color-burgundy-light)}.hero{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem 6rem;background:linear-gradient(135deg,#ffffff 0%,var(--color-beige-light) 50%,#ffffff 100%);position:relative;overflow:hidden}.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(212,175,55,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(106,27,45,.08) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(106,27,45,.02) 100px,rgba(106,27,45,.02) 101px);pointer-events:none;animation:patternShift 30s ease-in-out infinite}@keyframes patternShift{0%,to{opacity:.5}50%{opacity:.8}}.hero-content{max-width:900px;text-align:center;position:relative;z-index:1}.hero-logo-wrapper{position:relative;width:100px;height:100px;margin:0 auto 2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-logo{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 8px rgba(106,27,45,.2));transition:transform .3s ease}.hero-logo-wrapper:hover .hero-logo{transform:scale(1.1) rotate(5deg)}.hero-comic-pow{position:absolute;top:-15px;right:-20px;background:var(--color-gold-base);color:var(--color-burgundy-dark);font-size:.75rem;font-weight:900;padding:.3rem .6rem;border:2px solid var(--color-burgundy-base);border-radius:4px;transform:rotate(12deg);box-shadow:2px 2px 0 var(--color-burgundy-dark);animation:pop 2s ease-in-out infinite}@keyframes pop{0%,to{transform:rotate(12deg) scale(1)}50%{transform:rotate(12deg) scale(1.1)}}.hero-title{font-size:clamp(2.75rem,6vw,4.5rem);font-weight:900;color:var(--color-burgundy-base);margin-bottom:1.5rem;letter-spacing:-.03em;line-height:1.1;text-shadow:4px 4px 0 rgba(106,27,45,.1)}.hero-title-accent{display:inline-block;color:var(--color-gold-base);text-shadow:2px 2px 0 var(--color-burgundy-dark),4px 4px 8px rgba(106,27,45,.3);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero-subtitle{font-size:clamp(1.15rem,2.5vw,1.4rem);color:var(--color-green-base);margin-bottom:2.5rem;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto}.hero-subtitle strong{color:var(--color-burgundy-base);font-weight:700}.hero-personality-preview{margin:2.5rem 0;padding:1.5rem;background:#fffc;border:3px solid var(--color-beige-base);border-radius:16px;box-shadow:0 8px 24px #6a1b2d1a}.personality-preview-label{font-size:.95rem;font-weight:700;color:var(--color-burgundy-base);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.personality-preview-avatars{display:flex;gap:1.5rem;justify-content:center;align-items:center}.personality-avatar{position:relative;width:80px;height:80px;border-radius:50%;border:3px solid var(--color-burgundy-base);overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.personality-avatar:after{content:attr(data-name);position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--color-green-base);white-space:nowrap;opacity:0;transition:opacity .3s ease}.personality-avatar:hover{transform:scale(1.15) translateY(-5px);border-color:var(--color-gold-base);box-shadow:0 8px 20px #d4af3766}.personality-avatar:hover:after{opacity:1}.personality-avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero-cta-group{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}.hero-cta{display:inline-block;padding:1.125rem 2.5rem;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;border-radius:10px;transition:all .2s ease;position:relative}.hero-cta--primary{background:linear-gradient(135deg,var(--color-burgundy-base) 0%,var(--color-burgundy-light) 100%);color:#fff;border:3px solid var(--color-burgundy-dark);box-shadow:0 5px 0 var(--color-burgundy-dark),0 8px 20px #6a1b2d4d}.hero-cta--primary:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--color-burgundy-dark),0 6px 16px #6a1b2d66;color:var(--color-gold-base)}.hero-cta--primary:active{transform:translateY(5px);box-shadow:0 0 0 var(--color-burgundy-dark),0 2px 8px #6a1b2d4d}.hero-cta--secondary{background:#ffffffe6;color:var(--color-burgundy-base);border:3px solid var(--color-burgundy-base);box-shadow:0 5px 0 var(--color-beige-dark),0 8px 20px #6a1b2d26}.hero-cta--secondary:hover{background:#fff;transform:translateY(2px);box-shadow:0 3px 0 var(--color-beige-dark),0 6px 16px #6a1b2d33}.hero-cta--secondary:active{transform:translateY(5px);box-shadow:0 0 0 var(--color-beige-dark),0 2px 8px #6a1b2d26}.hero-downloads{margin:2rem 0 1.5rem;padding-top:2rem;border-top:2px dashed var(--color-beige-base)}.hero-download-label{font-size:.9rem;font-weight:600;color:var(--color-green-light);margin-bottom:.75rem}.hero-download-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}.hero-download-button{display:inline-block;padding:.625rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:6px;transition:all .2s ease;text-decoration:none;background-color:#ffffffe6;color:var(--color-burgundy-base);border:2px solid var(--color-burgundy-base);box-shadow:0 3px 0 var(--color-beige-dark)}.hero-download-button:hover{background-color:var(--color-burgundy-base);color:#fff;transform:translateY(1px);box-shadow:0 2px 0 var(--color-beige-dark)}.hero-macos-note{margin-top:.75rem}.macos-install-link{font-size:.85rem;color:var(--color-green-light);text-decoration:none;transition:color .2s ease;font-weight:500}.macos-install-link:hover{color:var(--color-burgundy-base);text-decoration:underline}.hero-badges{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.hero-badge{padding:.5rem 1rem;font-size:.85rem;font-weight:600;color:var(--color-green-base);background:#fffc;border:2px solid var(--color-beige-dark);border-radius:20px;box-shadow:0 2px 8px #00000014}@media(max-width:768px){.hero{min-height:75vh;padding:3rem 1rem 4rem}.hero-logo-wrapper{width:80px;height:80px}.hero-comic-pow{font-size:.65rem;padding:.25rem .5rem;top:-10px;right:-15px}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:1rem}.personality-preview-avatars{gap:1rem}.personality-avatar{width:70px;height:70px}.hero-cta-group{flex-direction:column;gap:1rem}.hero-cta{width:100%;padding:1rem 2rem;font-size:1rem}.hero-download-buttons{flex-direction:row;gap:.75rem}.hero-download-button{flex:1;text-align:center;font-size:.875rem;padding:.5rem 1rem}.hero-badges{gap:.75rem}.hero-badge{font-size:.75rem;padding:.4rem .8rem}}.personality-card{position:relative;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fffffff2,#f3e6d1f2);height:100%}.personality-card--warm{background:linear-gradient(135deg,#f3e6d1,#e6d5b8);border:3px solid #4F7A55}.personality-card--cool{background:linear-gradient(135deg,#d6e4ec,#b8c9d6);border:3px solid #5A6C7D}.personality-card--dark{background:linear-gradient(135deg,#3a4a52,#2c3e4a);border:3px solid #A3C7D6}.personality-card__panel-border{position:relative;padding:.5rem;height:100%}.personality-card__panel-border:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px);pointer-events:none;opacity:.5}.personality-card__content{position:relative;display:flex;flex-direction:column;height:100%;padding:1.5rem;background:#fffc;border-radius:8px}.personality-card__image-wrapper{position:relative;width:180px;height:180px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid currentColor;box-shadow:0 8px 24px #0003;transition:transform .3s ease}.personality-card:hover .personality-card__image-wrapper{transform:scale(1.05) rotate(2deg)}.personality-card__portrait{width:100%;height:100%;object-fit:cover;display:block}.personality-card__halftone-overlay{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:4px 4px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.personality-card:hover .personality-card__halftone-overlay{opacity:.3}.personality-card__action-lines{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.personality-card__action-lines:before,.personality-card__action-lines:after{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);left:0}.personality-card__action-lines:before{top:30%;transform:skewY(-2deg)}.personality-card__action-lines:after{bottom:30%;transform:skewY(2deg)}.personality-card:hover .personality-card__action-lines{opacity:.2}.personality-card__info{text-align:center;flex:1;display:flex;flex-direction:column}.personality-card__name{font-size:1.75rem;font-weight:700;color:var(--color-burgundy-base);margin-bottom:.5rem;letter-spacing:-.02em;text-transform:uppercase}.personality-card--dark .personality-card__name{color:var(--color-burgundy-base)}.personality-card__role{font-size:1rem;font-weight:600;color:var(--color-green-base);margin-bottom:1.5rem;font-style:italic}.personality-card--dark .personality-card__role{color:var(--color-green-base);font-weight:600}.personality-card__quote-bubble{position:relative;background:#fffffff2;border:2px solid var(--color-burgundy-base);border-radius:16px;padding:1rem 1.25rem;margin:0 0 1.5rem;box-shadow:0 4px 12px #0000001a;flex:1;display:flex;align-items:center;justify-content:center}.personality-card--dark .personality-card__quote-bubble{background:#fffffff2;border-color:#5a6c7d}.quote-bubble-tail{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:20px;height:20px;fill:#fffffff2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.personality-card--dark .quote-bubble-tail{fill:#fffffff2}.personality-card__quote{font-size:.95rem;line-height:1.5;color:var(--color-green-base);font-style:italic;margin:0}.personality-card--dark .personality-card__quote{color:var(--color-green-base)}.personality-card__cta{display:inline-block;padding:.875rem 2rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-burgundy-base);color:#fff;text-decoration:none;border-radius:8px;border:3px solid var(--color-burgundy-dark);box-shadow:0 4px 0 var(--color-burgundy-dark);transition:all .1s ease;position:relative;margin-top:auto}.personality-card--warm .personality-card__cta{background:#4f7a55;border-color:#2a4d2e;box-shadow:0 4px #2a4d2e}.personality-card--cool .personality-card__cta{background:#5a6c7d;border-color:#2c3e50;box-shadow:0 4px #2c3e50}.personality-card--dark .personality-card__cta{background:#a3c7d6;color:#2c2c2c;border-color:#7aa8bb;box-shadow:0 4px #7aa8bb}.personality-card__cta:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--color-burgundy-dark)}.personality-card--warm .personality-card__cta:hover{box-shadow:0 2px #2a4d2e}.personality-card--cool .personality-card__cta:hover{box-shadow:0 2px #2c3e50}.personality-card--dark .personality-card__cta:hover{box-shadow:0 2px #7aa8bb}.personality-card__cta:active{transform:translateY(4px);box-shadow:none}.personality-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #0003}@media(max-width:768px){.personality-card__image-wrapper{width:150px;height:150px}.personality-card__name{font-size:1.5rem}.personality-card__quote{font-size:.875rem}}.personality-showcase{padding:5rem 2rem;background:linear-gradient(180deg,#ffffff 0%,var(--color-beige-light) 50%,#ffffff 100%);position:relative;overflow:hidden}.personality-showcase:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(106,27,45,.02) 50px,rgba(106,27,45,.02) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(106,27,45,.02) 50px,rgba(106,27,45,.02) 51px);pointer-events:none;opacity:.5}.personality-showcase__content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.personality-showcase__header{text-align:center;margin-bottom:4rem}.comic-burst{display:inline-block;position:relative;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.comic-burst:before{content:"";position:absolute;inset:-12px;background:radial-gradient(circle,var(--color-gold-base) 0%,transparent 70%);opacity:.3;animation:rotate 20s linear infinite;z-index:-1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comic-burst__text{display:inline-block;padding:.75rem 2rem;background:var(--color-gold-base);color:var(--color-burgundy-dark);font-size:1.1rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;border:3px solid var(--color-burgundy-base);border-radius:8px;box-shadow:0 0 0 3px var(--color-gold-base),0 0 0 6px var(--color-burgundy-base),0 8px 16px #6a1b2d4d;position:relative;clip-path:polygon(0% 5%,5% 0%,95% 0%,100% 5%,100% 95%,95% 100%,5% 100%,0% 95%)}.personality-showcase__title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--color-burgundy-base);margin-bottom:1rem;letter-spacing:-.02em;text-transform:uppercase;text-shadow:3px 3px 0 rgba(106,27,45,.1);position:relative}.personality-showcase__title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,transparent,var(--color-gold-base),transparent)}.personality-showcase__subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--color-green-base);max-width:800px;margin:2rem auto 0;line-height:1.6}.personality-showcase__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-bottom:4rem}.personality-showcase__grid>*{animation:slideUp .6s ease-out backwards}.personality-showcase__grid>*:nth-child(1){animation-delay:.1s}.personality-showcase__grid>*:nth-child(2){animation-delay:.2s}.personality-showcase__grid>*:nth-child(3){animation-delay:.3s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.personality-showcase__footer{text-align:center;padding-top:3rem;border-top:2px dashed var(--color-beige-dark)}.personality-showcase__note{font-size:1rem;color:var(--color-green-light);margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.personality-showcase__note strong{color:var(--color-burgundy-base);font-weight:700}.personality-showcase__main-cta{display:inline-block;padding:1.25rem 3rem;font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--color-burgundy-base) 0%,var(--color-burgundy-light) 100%);color:#fff;text-decoration:none;border-radius:12px;border:4px solid var(--color-burgundy-dark);box-shadow:0 6px 0 var(--color-burgundy-dark),0 12px 24px #6a1b2d4d;transition:all .2s ease;position:relative;overflow:hidden}.personality-showcase__main-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.personality-showcase__main-cta:hover:before{transform:translate(100%)}.personality-showcase__main-cta:hover{transform:translateY(3px);box-shadow:0 3px 0 var(--color-burgundy-dark),0 8px 16px #6a1b2d66;color:var(--color-gold-base)}.personality-showcase__main-cta:active{transform:translateY(6px);box-shadow:0 0 0 var(--color-burgundy-dark),0 4px 8px #6a1b2d4d}@media(max-width:1200px){.personality-showcase__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}}@media(max-width:768px){.personality-showcase{padding:3rem 1rem}.personality-showcase__header{margin-bottom:3rem}.comic-burst__text{font-size:.9rem;padding:.625rem 1.5rem}.personality-showcase__grid{grid-template-columns:1fr;gap:2rem}.personality-showcase__footer{padding-top:2rem}.personality-showcase__note{font-size:.9rem;flex-direction:column;gap:.25rem}.personality-showcase__main-cta{font-size:1.1rem;padding:1rem 2rem}}@media print{.personality-showcase{background:#fff}.personality-showcase:before{display:none}}.features{padding:5rem 2rem;background:linear-gradient(180deg,#ffffff 0%,var(--color-beige-light) 100%);position:relative}.features:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(106,27,45,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;opacity:.5}.features-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.features-title{text-align:center;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3rem);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.features-subtitle{font-size:clamp(1.15rem,2vw,1.3rem);text-align:center;color:var(--color-green-base);margin-bottom:3rem;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.6}.features-subtitle strong{color:var(--color-burgundy-base);font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background-color:#fffffff2;border:3px solid var(--color-beige-dark);border-radius:12px;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px #00000014}.feature-card:before{content:"";position:absolute;inset:-3px;border-radius:12px;background:linear-gradient(135deg,transparent 0%,rgba(106,27,45,.1) 100%);opacity:0;transition:opacity .3s ease;z-index:-1}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--color-burgundy-base);box-shadow:0 12px 32px #6a1b2d33}.feature-card--highlight{background:linear-gradient(135deg,#d4af3726,#fffffff2);border-color:var(--color-gold-base);border-width:4px;box-shadow:0 6px 20px #d4af374d}.feature-card--highlight:hover{border-color:var(--color-gold-dark);box-shadow:0 12px 40px #d4af3766}.feature-badge{position:absolute;top:-12px;right:1rem;background:var(--color-gold-base);color:var(--color-burgundy-dark);font-size:.7rem;font-weight:900;letter-spacing:.05em;padding:.4rem .8rem;border:2px solid var(--color-burgundy-base);border-radius:6px;box-shadow:0 2px 8px #6a1b2d4d;transform:rotate(-2deg)}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--color-burgundy-base) 0%,var(--color-burgundy-light) 100%);border:3px solid var(--color-burgundy-dark);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;box-shadow:0 4px 12px #6a1b2d33;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:rotate(-5deg) scale(1.1)}.feature-card--highlight .feature-icon{background:linear-gradient(135deg,var(--color-gold-base) 0%,var(--color-gold-light) 100%);border-color:var(--color-gold-dark);box-shadow:0 4px 16px #d4af3766}.feature-icon-emoji{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.feature-title{margin-bottom:.875rem;font-size:1.3rem;font-weight:700}.feature-card--highlight .feature-title{color:var(--color-gold-dark)}.feature-description{color:var(--color-green-base);line-height:1.65;font-size:.975rem}@media(max-width:768px){.features{padding:3rem 1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem 1.25rem}.feature-icon{width:48px;height:48px}.feature-icon-emoji{font-size:24px}}@media(min-width:768px)and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.open-source{padding:4rem 1rem;background-color:#fff;border-top:1px solid var(--color-beige-base)}.open-source-content{max-width:800px;margin:0 auto;text-align:center}.open-source-title{margin-bottom:1rem}.open-source-description{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--color-green-light);margin-bottom:2rem;line-height:1.6}.open-source-badges{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.open-source-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background-color:#fff;color:var(--color-burgundy-base);border:2px solid var(--color-burgundy-base);font-weight:600;border-radius:8px;transition:all .2s ease;text-decoration:none}.open-source-button:hover{background-color:var(--color-beige-light);color:var(--color-burgundy-base);transform:translateY(-2px);box-shadow:0 4px 12px #6a1b2d33}.github-icon{width:20px;height:20px}.license-badge{display:inline-block;padding:.875rem 1.5rem;background-color:var(--color-beige-light);color:var(--color-burgundy-base);border:1px solid var(--color-beige-base);border-radius:8px;font-weight:600;font-size:.875rem}.open-source-note{font-size:.875rem;color:var(--color-green-light);font-style:italic}@media(max-width:768px){.open-source-badges{flex-direction:column}.open-source-button,.license-badge{width:100%;justify-content:center;min-height:44px}}.cta{padding:5rem 2rem;background:linear-gradient(135deg,var(--color-beige-light) 0%,#ffffff 50%,var(--color-beige-light) 100%);position:relative;overflow:hidden}.cta-bg-burst{position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(212,175,55,.15) 0%,transparent 60%),repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 8deg,rgba(106,27,45,.03) 8deg 10deg);pointer-events:none;animation:rotateBurst 40s linear infinite}@keyframes rotateBurst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-content{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1}.cta-personality-avatars{display:flex;justify-content:center;gap:-1rem;margin-bottom:2rem}.cta-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--color-gold-base);box-shadow:0 6px 20px #0003;transition:all .3s ease;position:relative;margin:0 -10px}.cta-avatar:hover{transform:scale(1.2) translateY(-10px);z-index:10;border-color:var(--color-gold-light);box-shadow:0 12px 32px #d4af3780}.cta-avatar:nth-child(1){z-index:3}.cta-avatar:nth-child(2){z-index:2}.cta-avatar:nth-child(3){z-index:1}.cta-title{margin-bottom:1.25rem;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:900;color:var(--color-burgundy-base);text-shadow:3px 3px 0 rgba(106,27,45,.1);letter-spacing:-.02em}.cta-description{font-size:clamp(1.15rem,2vw,1.35rem);color:var(--color-green-base);margin-bottom:2.5rem;line-height:1.7}.cta-description strong{color:var(--color-burgundy-base);font-weight:700}.cta-button{display:inline-block;padding:1.25rem 3rem;background:linear-gradient(135deg,var(--color-burgundy-base) 0%,var(--color-burgundy-light) 100%);color:#fff;border:4px solid var(--color-burgundy-dark);font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;box-shadow:0 6px 0 var(--color-burgundy-dark),0 10px 24px #6a1b2d4d;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.cta-button:hover:before{transform:translate(100%)}.cta-button:hover{transform:translateY(3px);box-shadow:0 3px 0 var(--color-burgundy-dark),0 6px 16px #6a1b2d66;color:var(--color-gold-base)}.cta-button:active{transform:translateY(6px);box-shadow:0 0 0 var(--color-burgundy-dark),0 2px 8px #6a1b2d4d}.cta-note{margin-top:2rem;font-size:.95rem;color:var(--color-green-light);font-weight:500}@media(max-width:768px){.cta{padding:3rem 1rem}.cta-personality-avatars{gap:-.5rem}.cta-avatar{width:64px;height:64px;margin:0 -8px}.cta-button{font-size:1.1rem;padding:1rem 2rem}.cta-note{font-size:.85rem}}.macos-install-page{min-height:100vh;background:linear-gradient(180deg,#ffffff 0%,var(--color-beige-light) 100%);padding:4rem 1rem}.macos-install-content{max-width:800px;margin:0 auto}.macos-install-title{text-align:center;margin-bottom:1rem}.macos-install-intro{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--color-green-light);text-align:center;margin-bottom:3rem;line-height:1.6}.macos-install-steps{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.install-step{display:flex;gap:1.5rem;background-color:#ffffffe6;border:1px solid var(--color-beige-base);border-radius:12px;padding:2rem}.step-number{flex-shrink:0;width:48px;height:48px;background-color:var(--color-burgundy-base);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-content{flex:1}.step-title{margin-bottom:.5rem;font-size:1.3rem}.step-description{color:var(--color-green-base);line-height:1.6;margin-bottom:1rem}.quarantine-options{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.quarantine-option{background-color:var(--color-beige-light);border:1px solid var(--color-beige-base);border-radius:8px;padding:1.5rem}.option-title{font-size:1.1rem;margin-bottom:.75rem;color:var(--color-burgundy-base)}.option-description{color:var(--color-green-base);margin-bottom:1rem;line-height:1.6}.code-block{background-color:#6a1b2d1a;border:1px solid var(--color-beige-base);border-radius:6px;padding:1rem;margin:1rem 0;overflow-x:auto}.code-block code{font-family:Monaco,Menlo,Courier New,monospace;font-size:.9rem;color:var(--color-burgundy-base);white-space:pre;word-break:break-all}.option-note{font-size:.9rem;color:var(--color-green-light);font-style:italic;margin-top:.75rem}.macos-install-footer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:2rem;border-top:1px solid var(--color-beige-base)}.back-link{color:var(--color-burgundy-base);text-decoration:none;font-weight:500;transition:color .2s ease}.back-link:hover{color:var(--color-burgundy-light);text-decoration:underline}.download-button{display:inline-block;padding:1rem 2.5rem;background-color:var(--color-burgundy-base);color:#fff;font-size:1.1rem;font-weight:600;border-radius:8px;transition:all .2s ease;text-decoration:none;box-shadow:0 4px 14px #6a1b2d40}.download-button:hover{background-color:var(--color-burgundy-light);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #6a1b2d4d}@media(max-width:768px){.install-step{flex-direction:column;padding:1.5rem}.step-number{align-self:center}.code-block{font-size:.8rem}.download-button{width:100%;text-align:center}}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.footer{background-color:var(--color-beige-light);border-top:1px solid var(--color-beige-base);padding:3rem 1rem;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;text-align:center;color:var(--color-green-base)}.footer-logo{width:48px;height:48px;margin:0 auto 1rem;display:block;opacity:.9;transition:opacity .2s ease}.footer-logo:hover{opacity:1}.footer-brand{font-size:1.25rem;font-weight:600;color:var(--color-burgundy-base);margin-bottom:.75rem}.footer-tagline{font-size:1rem;margin-bottom:.5rem;color:var(--color-green-base)}.footer-personality{font-size:.95rem;font-style:italic;margin-bottom:.5rem;color:var(--color-green-light)}.footer-architecture{font-size:.95rem;margin-bottom:1.5rem;color:var(--color-green-light)}.footer-links{margin:1.5rem 0}.footer-links a{color:var(--color-burgundy-base);margin:0 .5rem;transition:color .2s ease}.footer-links a:hover{color:var(--color-burgundy-light);text-decoration:underline}.footer-separator{margin:0 .5rem;color:var(--color-green-light)}.footer-copyright{font-size:.875rem;color:var(--color-green-light);margin-top:1rem}