:root{--bg-parchment:#F9F4E8;--bg-card:#FFFFFF;--bg-card-alt:#FFFDF9;--text-dark:#1E1E24;--text-muted:#5C5B66;--text-light:#8E8D9A;--color-pink:#FF5391;--color-cyan:#23B0FF;--color-spicy:#FF2E55;--color-gold:#FFB800;--color-violet:#9D4EDD;--color-green:#06D6A0;--border-light:rgba(0,0,0,0.08);--border-strong:rgba(0,0,0,0.15);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--box-shadow-soft:0 10px 30px rgba(0,0,0,0.06);--box-shadow-card:0 12px 36px rgba(0,0,0,0.08);--font-brand:'Luckiest Guy',cursive,sans-serif;--font-heading:'Fredoka',sans-serif;--font-body:'Plus Jakarta Sans',sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-parchment);color:var(--text-dark);font-family:var(--font-body);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.pushable{position:relative;display:inline-block;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter 250ms;text-decoration:none;user-select:none;-webkit-tap-highlight-color:transparent}.pushable .shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-md);background:hsl(0deg 0% 0% / 0.22);will-change:transform;transform:translateY(2px);transition:transform 600ms cubic-bezier(0.3,0.7,0.4,1)}.pushable .edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-md)}.pushable .front{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-brand);font-size:1.05rem;letter-spacing:0.5px;color:#FFFFFF;text-align:center;will-change:transform;transform:translateY(-4px);transition:transform 600ms cubic-bezier(0.3,0.7,0.4,1)}.pushable:hover{filter:brightness(108%)}.pushable:hover .front{transform:translateY(-6px);transition:transform 250ms cubic-bezier(0.3,0.7,0.4,1)}.pushable:hover .shadow{transform:translateY(4px);transition:transform 250ms cubic-bezier(0.3,0.7,0.4,1)}.pushable:active .front,.pushable.active .front{transform:translateY(-2px);transition:transform 34ms}.pushable:active .shadow,.pushable.active .shadow{transform:translateY(1px);transition:transform 34ms}.pushable:focus:not(:focus-visible){outline:none}.pushable-pink .edge{background:linear-gradient( to left,hsl(340deg 100% 36%) 0%,hsl(340deg 100% 22%) 8%,hsl(340deg 100% 22%) 92%,hsl(340deg 100% 36%) 100% )}.pushable-pink .front{background:hsl(340deg 100% 56%)}.pushable-cyan .edge{background:linear-gradient( to left,hsl(198deg 100% 34%) 0%,hsl(198deg 100% 20%) 8%,hsl(198deg 100% 20%) 92%,hsl(198deg 100% 34%) 100% )}.pushable-cyan .front{background:hsl(198deg 100% 48%)}.pushable-spicy .edge{background:linear-gradient( to left,hsl(349deg 100% 36%) 0%,hsl(349deg 100% 22%) 8%,hsl(349deg 100% 22%) 92%,hsl(349deg 100% 36%) 100% )}.pushable-spicy .front{background:hsl(349deg 100% 56%)}.pushable-gold .edge{background:linear-gradient( to left,hsl(43deg 100% 34%) 0%,hsl(43deg 100% 20%) 8%,hsl(43deg 100% 20%) 92%,hsl(43deg 100% 34%) 100% )}.pushable-gold .front{background:hsl(43deg 100% 50%);color:#1E1E24}.pushable-violet .edge{background:linear-gradient( to left,hsl(273deg 70% 38%) 0%,hsl(273deg 70% 22%) 8%,hsl(273deg 70% 22%) 92%,hsl(273deg 70% 38%) 100% )}.pushable-violet .front{background:hsl(273deg 70% 58%)}.pushable-green .edge{background:linear-gradient( to left,hsl(165deg 94% 28%) 0%,hsl(165deg 94% 16%) 8%,hsl(165deg 94% 16%) 92%,hsl(165deg 94% 28%) 100% )}.pushable-green .front{background:hsl(165deg 94% 43%)}.navbar{position:sticky;top:0;z-index:1000;background-color:rgba(249,244,232,0.94);backdrop-filter:blur(12px);border-bottom:2px solid rgba(0,0,0,0.05);padding:10px 24px}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-link{display:flex;align-items:center;text-decoration:none;color:inherit}.navbar-appbar-img{height:62px;width:auto;max-width:260px;object-fit:contain;display:block;transition:transform 0.25s ease}.brand-link:hover .navbar-appbar-img{transform:scale(1.04)}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:var(--font-brand);font-size:1.5rem;letter-spacing:1px;color:var(--text-dark);line-height:1.1}.brand-tagline{font-family:var(--font-heading);font-size:0.65rem;font-weight:700;letter-spacing:1.5px;color:var(--color-spicy)}.nav-menu{display:flex;align-items:center;gap:8px}.nav-link{text-decoration:none;font-family:var(--font-heading);font-weight:600;font-size:0.95rem;color:var(--text-muted);padding:8px 16px;border-radius:var(--radius-full);transition:all 0.2s ease}.nav-link:hover,.nav-link.active{color:var(--text-dark);background-color:rgba(0,0,0,0.05)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-cta .front{padding:8px 18px;font-size:0.9rem}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.mobile-toggle span{width:24px;height:3px;background-color:var(--text-dark);border-radius:3px;transition:0.3s ease}.page-view{display:none;flex:1;opacity:0;transition:opacity 0.3s ease}.page-view.active{display:block;opacity:1}.hero-section{padding:60px 24px 40px;text-align:center}.hero-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background-color:#FFFFFF;border:2px solid var(--border-light);padding:6px 18px;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:600;font-size:0.9rem;color:var(--text-dark);box-shadow:0 4px 12px rgba(0,0,0,0.04);margin-bottom:24px}.badge-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-green);box-shadow:0 0 8px var(--color-green)}.hero-title{font-family:var(--font-brand);font-size:3.8rem;line-height:1.1;letter-spacing:1px;color:var(--text-dark);margin-bottom:20px}.highlight-pink{color:var(--color-pink);text-shadow:3px 3px 0px rgba(0,0,0,0.08)}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);max-width:720px;margin-bottom:32px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px}.hero-btn .front{padding:16px 32px;font-size:1.15rem}.hero-badge{display:inline-flex;align-items:center;gap:8px;background-color:#FFFFFF;border:2px solid var(--border-light);padding:6px 16px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:700;font-size:0.88rem;color:var(--text-dark);box-shadow:0 4px 12px rgba(0,0,0,0.04);margin-bottom:24px}.trust-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:48px}.trust-card{display:flex;align-items:center;background:var(--bg-card);padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:700;font-size:0.9rem;color:var(--text-dark);box-shadow:0 4px 14px rgba(0,0,0,0.04);border:2px solid var(--border-light);transition:transform 0.2s ease,border-color 0.2s ease}.trust-card:hover{transform:translateY(-2px);border-color:rgba(0,0,0,0.15)}.demo-section{padding:80px 24px}.demo-header{text-align:center;margin-bottom:44px}.demo-tag{font-family:var(--font-brand);font-size:0.85rem;letter-spacing:2px;color:var(--color-pink);background:linear-gradient(135deg,rgba(255,83,145,0.12),rgba(35,176,255,0.12));border:1.5px solid rgba(255,83,145,0.25);padding:6px 18px;border-radius:var(--radius-sm);display:inline-block;margin-bottom:14px;box-shadow:0 4px 14px rgba(255,83,145,0.08)}.demo-title{font-family:var(--font-brand);font-size:3.2rem;line-height:1.1;color:var(--text-dark);margin-bottom:12px;text-shadow:2px 2px 0px rgba(0,0,0,0.05)}.demo-desc{font-family:var(--font-heading);font-size:1.15rem;font-weight:500;color:var(--text-muted);max-width:620px;margin:0 auto;line-height:1.5}.demo-box{background:var(--bg-card);border-radius:var(--radius-lg);border:3px solid rgba(0,0,0,0.08);box-shadow:var(--box-shadow-card);padding:40px 24px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px}.demo-controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.control-label{font-family:var(--font-brand);font-size:0.85rem;letter-spacing:1px;color:var(--text-muted)}.btn-group-3d{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.demo-tier-btn .front{padding:10px 18px;font-size:0.95rem}.demo-tier-btn.active{filter:brightness(115%)}.segmented-control{display:flex;gap:4px;background:#EFE8D8;padding:5px;border-radius:var(--radius-sm);border:2px solid rgba(0,0,0,0.08)}.tab-btn{background:none;border:none;font-family:var(--font-heading);font-weight:700;font-size:0.85rem;padding:8px 20px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all 0.2s ease}.tab-btn.active{background:var(--text-dark);color:#FFFFFF;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.demo-card-stage{width:100%;max-width:540px;perspective:1000px}.prompt-card{background:var(--bg-parchment);border:3px solid rgba(0,0,0,0.08);border-radius:var(--radius-md);padding:28px 24px;box-shadow:0 8px 24px rgba(0,0,0,0.05);display:flex;flex-direction:column;gap:20px;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),opacity 0.2s ease}.prompt-card.flip{transform:rotateY(180deg) scale(0.95);opacity:0}.card-top-bar{display:flex;justify-content:space-between;align-items:center}.card-badge{font-family:var(--font-brand);font-size:0.85rem;padding:5px 14px;border-radius:var(--radius-sm);color:#FFFFFF;background-color:var(--color-green)}.card-type-badge{font-family:var(--font-heading);font-weight:700;font-size:0.8rem;padding:5px 14px;border-radius:var(--radius-sm);background-color:rgba(0,0,0,0.06);color:var(--text-dark)}.card-content{min-height:110px;display:flex;align-items:center;justify-content:center;text-align:center}.prompt-text{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--text-dark);line-height:1.4}.card-bottom{border-top:1px dashed rgba(0,0,0,0.1);padding-top:12px;text-align:center}.prompt-deck-info{font-size:0.8rem;color:var(--text-light);font-weight:600}.demo-draw-action{margin-top:8px}.draw-btn .front{padding:14px 36px;font-size:1.1rem}.guarantee-section{padding:40px 24px 80px;display:flex;justify-content:center;width:100%}.guarantee-section .section-container{max-width:1200px;width:100%;margin:0 auto}.guarantee-box{width:100%;background:linear-gradient(135deg,#1E1E24 0%,#2D2D36 100%);color:#FFFFFF;border-radius:var(--radius-lg);padding:48px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 16px 40px rgba(0,0,0,0.15);box-sizing:border-box}.guarantee-text{flex:1;min-width:280px}.guarantee-text h2{font-family:var(--font-brand);font-size:2.2rem;margin-bottom:8px;color:#FFFFFF}.guarantee-text p{color:rgba(255,255,255,0.85);font-size:1.08rem;line-height:1.6}.guarantee-action .front{padding:16px 32px;font-size:1.05rem}.legal-container{max-width:860px;margin:0 auto;padding:60px 24px 80px}.legal-header{text-align:center;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid var(--border-light)}.legal-badge{font-family:var(--font-brand);font-size:0.85rem;letter-spacing:1.5px;color:var(--color-cyan);background-color:rgba(35,176,255,0.12);padding:4px 14px;border-radius:var(--radius-full);display:inline-block;margin-bottom:12px}.legal-header h1{font-family:var(--font-brand);font-size:3rem;color:var(--text-dark);margin-bottom:8px}.legal-meta{color:var(--text-muted);font-size:0.95rem;font-weight:500}.legal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:48px 40px;border:2px solid rgba(0,0,0,0.06);box-shadow:var(--box-shadow-card)}.policy-summary-box{background-color:rgba(35,176,255,0.08);border-left:5px solid var(--color-cyan);border-radius:var(--radius-sm);padding:20px 24px;margin-bottom:36px}.green-summary{background-color:rgba(6,214,160,0.08);border-left-color:var(--color-green)}.policy-summary-box h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:6px}.policy-summary-box p{color:var(--text-muted);font-size:0.98rem}.legal-content h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--text-dark);margin-top:36px;margin-bottom:14px}.legal-content h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--text-dark);margin-top:24px;margin-bottom:10px}.legal-content p{color:var(--text-muted);font-size:1.05rem;line-height:1.7;margin-bottom:16px}.legal-content ul{margin-bottom:20px;padding-left:24px}.legal-content li{color:var(--text-muted);font-size:1.02rem;line-height:1.7;margin-bottom:8px}.alert-box{border-radius:var(--radius-sm);padding:16px 20px;margin:20px 0;font-size:1rem}.warning-box{background-color:rgba(255,184,0,0.12);border:1px solid rgba(255,184,0,0.4);color:#8A6300}.legal-footer-nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:48px;padding-top:32px;border-top:2px dashed rgba(0,0,0,0.08)}.legal-footer-nav .front{padding:12px 24px;font-size:0.95rem}.footer{background-color:#16161A;color:#FFFFFF;padding:60px 24px 24px;margin-top:auto}.footer-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 2fr;gap:48px;margin-bottom:40px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-brand-link{display:flex;align-items:center;gap:18px;text-decoration:none}.footer-brand-text{display:flex;flex-direction:column;gap:2px}.footer-icon{width:48px;height:48px;border-radius:var(--radius-sm);box-shadow:0 4px 14px rgba(0,0,0,0.4)}.footer-brand .brand-title{color:#FFFFFF;line-height:1.0}.footer-brand-tagline{font-family:var(--font-heading);font-size:0.7rem;font-weight:700;letter-spacing:1.5px;color:var(--color-spicy);text-transform:uppercase}.footer-desc{color:rgba(255,255,255,0.7);font-size:0.95rem;line-height:1.6}.footer-badges{display:flex;flex-wrap:wrap;gap:8px}.f-badge{background:rgba(255,255,255,0.08);padding:4px 12px;border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.85)}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col h4{font-family:var(--font-heading);font-size:1rem;color:var(--color-cyan)}.footer-col a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.9rem;transition:color 0.2s ease}.footer-col a:hover{color:#FFFFFF}.spec-item{color:rgba(255,255,255,0.5);font-size:0.85rem}.footer-bottom{max-width:1100px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08);text-align:center;color:rgba(255,255,255,0.4);font-size:0.85rem}@media (max-width:900px){.hero-title{font-size:2.8rem}.footer-container{grid-template-columns:1fr;gap:36px}}@media (max-width:768px){.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--bg-parchment);padding:20px;flex-direction:column;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-bottom:2px solid var(--border-light)}.nav-menu.mobile-open{display:flex}.mobile-toggle{display:flex}.hero-title{font-size:2.2rem}.hero-btn .front{padding:12px 20px;font-size:1rem}.footer-links{grid-template-columns:1fr 1fr}.legal-content{padding:28px 20px}.legal-header h1{font-size:2.2rem}}