:root{--color-base-lightest: #FCFAF5;--color-base-light: #F7F2E8;--color-base-warm: #EADDC7;--color-text-primary: #243446;--color-text-muted: #5a6a7a;--color-text-light: #8a96a3;--color-accent-red: #C9463D;--color-accent-blue: #3E6FB7;--color-accent-gold: #D5A33A;--color-accent-green: #5C8B58;--color-accent-purple: #655878;--color-border: #d4c9b8;--color-border-light: #e8dfd2;--color-overlay: rgba(36, 52, 70, .5);--color-card-bg: #ffffff;--color-section-alt: #F7F2E8;--font-title: "Cinzel", serif;--font-section: "Cormorant Garamond", serif;--font-body: "Alegreya Sans", sans-serif;--font-narrative: "Spectral", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width-content: 1200px;--max-width-narrow: 800px;--header-height: 72px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .22s ease;--transition-normal: .4s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 3px rgba(36, 52, 70, .08);--shadow-md: 0 4px 12px rgba(36, 52, 70, .1);--shadow-lg: 0 8px 24px rgba(36, 52, 70, .12)}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;color:var(--color-text-primary)}h1{font-family:var(--font-title);font-size:var(--text-5xl);font-weight:700;letter-spacing:.02em}h2{font-family:var(--font-section);font-size:var(--text-3xl);font-weight:600}h3{font-family:var(--font-section);font-size:var(--text-2xl);font-weight:600}h4{font-family:var(--font-section);font-size:var(--text-xl);font-weight:600}p{margin:0;line-height:1.7;color:var(--color-text-primary);font-size:var(--text-lg)}blockquote{margin:0;padding:var(--space-6) var(--space-8);border-left:4px solid var(--color-accent-gold);font-family:var(--font-narrative);font-style:italic;font-size:var(--text-xl);line-height:1.6;color:var(--color-text-primary);background:var(--color-base-light);border-radius:0 var(--radius-md) var(--radius-md) 0}@media(max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{font-size:var(--text-base)}blockquote{font-size:var(--text-lg);padding:var(--space-4) var(--space-6)}}@media(max-width:480px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-base-lightest);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent-blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);font-family:var(--font-body);font-size:var(--text-base);font-weight:700;letter-spacing:.02em;border-radius:var(--radius-md);border:2px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);text-decoration:none;cursor:pointer;white-space:nowrap}.cta-button--primary{background:var(--color-accent-red);color:#fff;border-color:var(--color-accent-red)}.cta-button--primary:hover{transform:scale(1.02);box-shadow:var(--shadow-md);background:#b33d35;text-decoration:none}.cta-button--secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.cta-button--secondary:hover{border-color:var(--color-accent-blue);background:var(--color-base-light);transform:scale(1.02);text-decoration:none}@media(max-width:480px){.cta-button{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);width:100%}}.header{position:sticky;top:0;z-index:100;background:#fcfaf5f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-light);height:var(--header-height)}.header__inner{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-6);height:100%;display:flex;align-items:center;justify-content:space-between}.header__logo{font-family:var(--font-title);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);text-decoration:none;letter-spacing:.04em}.header__logo:hover{text-decoration:none;color:var(--color-accent-red)}.header__nav{display:flex;align-items:center;gap:var(--space-6)}.header__link{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast);position:relative}.header__link:hover,.header__link--active{color:var(--color-text-primary);text-decoration:none}.header__link--active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-accent-red);border-radius:1px}.header__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:var(--space-2);cursor:pointer}.header__burger span{display:block;width:24px;height:2px;background:var(--color-text-primary);transition:transform var(--transition-fast),opacity var(--transition-fast)}.header__burger--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header__burger--open span:nth-child(2){opacity:0}.header__burger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.header__burger{display:flex}.header__nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-base-lightest);flex-direction:column;padding:var(--space-6);gap:var(--space-4);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-md)}.header__nav--open{display:flex}.header__link--active:after{display:none}}.footer{background:var(--color-text-primary);color:var(--color-base-light);padding:var(--space-16) 0 var(--space-8)}.footer__inner{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-8);align-items:start}.footer__logo{font-family:var(--font-title);font-size:var(--text-xl);font-weight:700;color:#fff;display:block;margin-bottom:var(--space-3);letter-spacing:.04em}.footer__brand p{font-size:var(--text-sm);color:var(--color-base-warm);line-height:1.6}.footer h4{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-base-warm);margin-bottom:var(--space-4)}.footer__links{display:flex;flex-direction:column;gap:var(--space-2)}.footer__links a{color:var(--color-base-light);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer__links a:hover{color:#fff;text-decoration:none}.footer__cta{display:flex;align-items:flex-start}.footer__disclaimer{max-width:var(--max-width-content);margin:var(--space-10) auto 0;padding:var(--space-6) var(--space-6) 0;border-top:1px solid rgba(255,255,255,.1)}.footer__disclaimer p{font-size:var(--text-xs);color:var(--color-text-light);line-height:1.5;text-align:center}@media(max-width:768px){.footer__inner{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1 / -1}.footer__cta{grid-column:1 / -1;justify-content:center}}@media(max-width:480px){.footer__inner{grid-template-columns:1fr}}.hero{padding:var(--space-24) 0 var(--space-20);text-align:center;background:linear-gradient(180deg,var(--color-base-light) 0%,var(--color-base-lightest) 100%);position:relative;overflow:hidden}.hero--with-emblem{padding:var(--space-24) 0 var(--space-24);background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(201,70,61,.06) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 30% 60%,rgba(62,111,183,.05) 0%,transparent 70%),linear-gradient(180deg,#EDE6D8 0%,var(--color-base-lightest) 100%)}.hero__emblem{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:90%;max-height:600px;opacity:.12;pointer-events:none;-webkit-user-select:none;user-select:none;filter:grayscale(.3)}.hero__inner{max-width:var(--max-width-narrow);margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.hero__eyebrow{display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-red);margin-bottom:var(--space-4)}.hero__title{margin-bottom:var(--space-6);text-shadow:0 1px 2px rgba(36,52,70,.06)}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-8);max-width:640px;margin-left:auto;margin-right:auto}.hero__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.hero__chips{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.hero__chip{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:#ffffffb3;border:1px solid var(--color-border-light);border-radius:var(--radius-xl);color:var(--color-text-primary);font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:768px){.hero{padding:var(--space-16) 0 var(--space-12)}.hero__subtitle{font-size:var(--text-lg)}}@media(max-width:480px){.hero__actions{flex-direction:column;align-items:center}}.section{padding:var(--space-20) 0}.section--alt{background:var(--color-section-alt)}.section__inner{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-6)}.section--narrow .section__inner{max-width:var(--max-width-narrow)}@media(max-width:768px){.section{padding:var(--space-12) 0}}.feature-card{background:var(--color-card-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-8);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card__number{display:inline-block;font-family:var(--font-title);font-size:var(--text-3xl);font-weight:700;color:var(--color-base-warm);margin-bottom:var(--space-3);line-height:1}.feature-card__title{font-family:var(--font-section);font-size:var(--text-xl);margin-bottom:var(--space-3)}.feature-card__text{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6}.quote-block{margin:var(--space-8) 0;max-width:700px}.role-card{background:var(--color-card-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.role-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.role-card__image{aspect-ratio:3 / 4;overflow:hidden;background:linear-gradient(135deg,var(--color-base-light),var(--color-base-warm))}.role-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.role-card:hover .role-card__image img{transform:scale(1.03)}.role-card__accent{height:4px;background:var(--role-color)}.role-card__content{padding:var(--space-5)}.role-card__name{font-family:var(--font-section);font-size:var(--text-xl);color:var(--role-color);margin-bottom:var(--space-2)}.role-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.dragon-card{background:var(--color-card-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.dragon-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dragon-card__image{aspect-ratio:4 / 3;overflow:hidden;background:var(--color-base-light)}.dragon-card__image img{width:100%;height:100%;object-fit:cover}.dragon-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-base-light),var(--color-base-warm))}.dragon-card__placeholder-icon{font-size:3rem;filter:grayscale(.3)}.dragon-card__content{padding:var(--space-5)}.dragon-card__name{font-family:var(--font-section);font-size:var(--text-xl);color:var(--dragon-color);margin-bottom:var(--space-2)}.dragon-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.faq{display:flex;flex-direction:column;gap:var(--space-2)}.faq__item{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;background:var(--color-card-bg)}.faq__question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-5) var(--space-6);background:none;border:none;font-family:var(--font-section);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast);gap:var(--space-4)}.faq__question:hover{background:var(--color-base-light)}.faq__chevron{font-size:var(--text-xl);color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-fast)}.faq__answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.faq__item--open .faq__answer{max-height:300px}.faq__answer p{padding:0 var(--space-6) var(--space-5);font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6}.home__section-text{margin:var(--space-4) 0 var(--space-8);max-width:700px}.home__features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.home__mvp-section{display:flex;align-items:center;gap:var(--space-12);margin-bottom:var(--space-10)}.home__mvp-left{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.home__mvp-emblem{width:200px}.home__mvp-emblem img{width:100%;height:auto;filter:drop-shadow(0 8px 24px rgba(36,52,70,.15))}.home__mvp-faces{display:flex;gap:0}.home__mvp-face{width:72px;height:72px;border-radius:50%;overflow:hidden;border:3px solid var(--color-base-lightest);margin-left:-12px;position:relative;box-shadow:var(--shadow-sm)}.home__mvp-face:first-child{margin-left:0}.home__mvp-face img{width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.8);transform-origin:top center}.home__mvp-content h2{margin-bottom:var(--space-2)}.home__mvp-content .home__section-text{margin-bottom:var(--space-6)}.home__screenshot-real{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light);box-shadow:var(--shadow-md)}.home__screenshot-real img{width:100%;height:100%;object-fit:cover;display:block}.home__tiles-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.home__tile{width:48px;height:48px;border-radius:var(--radius-md);filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transition:transform var(--transition-fast)}.home__tile:hover{transform:scale(1.15) rotate(-5deg)}.home__screenshots{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.home__roles-grid,.home__dragons-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-6)}.home__section-cta{display:flex;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap}.home__badge{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-blue);background:#3e6fb71a;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.home__final-cta{text-align:center}.home__final-cta .home__section-text{margin-left:auto;margin-right:auto}.home__final-cta .home__section-cta{justify-content:center}@media(max-width:1100px){.home__roles-grid,.home__dragons-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.home__mvp-section{flex-direction:column;text-align:center}.home__mvp-emblem{width:140px}.home__mvp-faces,.home__tiles-row{justify-content:center}.home__tile{width:40px;height:40px}.home__features-grid,.home__screenshots{grid-template-columns:1fr}.home__roles-grid,.home__dragons-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.home__roles-grid,.home__dragons-grid{grid-template-columns:1fr}}.hunt-page__text{margin:var(--space-4) 0 var(--space-8);max-width:700px;font-size:var(--text-lg);line-height:1.7}.hunt-page__text--narrative{font-family:var(--font-narrative);font-size:var(--text-xl);line-height:1.7}.hunt-page__steps,.hunt-page__screenshots{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-8)}.hunt-page__screenshots--trio{grid-template-columns:repeat(2,1fr)}.hunt-page__screenshots--trio>:last-child{grid-column:1 / -1;max-width:60%;margin:0 auto}.hunt-page__screenshot-real{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light);box-shadow:var(--shadow-md)}.hunt-page__screenshot-real img{width:100%;display:block}.hunt-page__final{text-align:center;max-width:var(--max-width-narrow);margin:0 auto}@media(max-width:768px){.hunt-page__steps,.hunt-page__screenshots{grid-template-columns:1fr}}.roadmap-stage{display:flex;gap:var(--space-6);position:relative}.roadmap-stage__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:40px}.roadmap-stage__dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0;position:relative;z-index:1}.roadmap-stage--done .roadmap-stage__dot{background:var(--color-accent-green);color:#fff}.roadmap-stage--current .roadmap-stage__dot{background:var(--color-accent-red);box-shadow:0 0 0 4px #c9463d33;animation:pulse 2s ease-in-out infinite}.roadmap-stage--planned .roadmap-stage__dot{background:var(--color-border)}.roadmap-stage--vision .roadmap-stage__dot{background:transparent;border:2px dashed var(--color-border)}.roadmap-stage__line{width:2px;flex:1;min-height:var(--space-8);background:var(--color-border-light)}.roadmap-stage:last-child .roadmap-stage__line{display:none}.roadmap-stage__content{padding-bottom:var(--space-10)}.roadmap-stage__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.roadmap-stage__number{font-family:var(--font-title);font-size:var(--text-sm);color:var(--color-text-light);letter-spacing:.04em}.roadmap-stage__badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.roadmap-stage__badge--done{background:#5c8b581a;color:var(--color-accent-green)}.roadmap-stage__badge--current{background:#c9463d1a;color:var(--color-accent-red)}.roadmap-stage__badge--planned{background:var(--color-base-light);color:var(--color-text-muted)}.roadmap-stage__badge--vision{background:var(--color-base-light);color:var(--color-text-light)}.roadmap-stage__title{font-family:var(--font-section);font-size:var(--text-2xl);margin-bottom:var(--space-3)}.roadmap-stage__text{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6;max-width:600px}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #c9463d33}50%{box-shadow:0 0 0 8px #c9463d1a}}@media(max-width:480px){.roadmap-stage{gap:var(--space-4)}.roadmap-stage__marker{width:32px}.roadmap-stage__dot{width:32px;height:32px;font-size:var(--text-sm)}}.roadmap-page__timeline{max-width:700px;margin:0 auto}.roadmap-page__final{text-align:center;max-width:var(--max-width-narrow);margin:0 auto}.wp__text{margin:var(--space-4) 0 var(--space-6);max-width:700px;font-size:var(--text-lg);line-height:1.7}.wp__thesis{max-width:var(--max-width-narrow);margin:0 auto;padding:var(--space-10);background:var(--color-base-light);border-radius:var(--radius-lg);border-left:4px solid var(--color-accent-gold)}.wp__thesis h2{font-size:var(--text-2xl)}.wp__principles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8)}.wp__disclaimer{max-width:var(--max-width-narrow);margin:0 auto;text-align:center}.wp__disclaimer p{font-size:var(--text-sm);color:var(--color-text-light);line-height:1.6}.wp__final{text-align:center;max-width:var(--max-width-narrow);margin:0 auto}@media(max-width:768px){.wp__principles{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.wp__principles{grid-template-columns:1fr}.wp__thesis{padding:var(--space-6)}}