:root{--background: 33 43% 93%;--foreground: 30 92% 12%;--card: 0 0% 100%;--primary: 74 95% 21%;--primary-glow: 74 87% 30%;--lime: 68 87% 44%;--secondary: 34 53% 69%;--accent: 33 67% 29%;--muted: 33 35% 88%;--muted-foreground: 30 30% 40%;--border: 33 25% 82%;--radius: .75rem;--gradient-hero: linear-gradient( 135deg, hsl(30 92% 12%) 0%, hsl(33 67% 29%) 60%, hsl(74 95% 34%) 100% );--gradient-primary: linear-gradient(135deg, hsl(74 95% 34%) 0%, hsl(68 87% 44%) 100%);--gradient-warm: linear-gradient(180deg, hsl(33 43% 93%) 0%, hsl(34 53% 80%) 100%);--gradient-tech: linear-gradient(135deg, hsl(30 92% 8%) 0%, hsl(33 67% 20%) 100%);--shadow-elegant: 0 24px 60px -24px hsl(30 92% 12% / .25);--shadow-soft: 0 8px 24px -12px hsl(30 92% 12% / .15);--shadow-glow: 0 0 60px hsl(68 87% 44% / .35);--font-heading: "Century Gothic", "Nunito", Futura, sans-serif;--font-body: "Century Gothic", "Nunito", Futura, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}::selection{background:hsl(var(--lime) / .35)}button{font-family:inherit;cursor:pointer}.deck{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.progress{position:absolute;top:0;left:0;height:5px;width:100%;background:hsl(var(--border) / .5);z-index:40}.progress>div{height:100%;background:var(--gradient-primary);border-radius:0 99px 99px 0;transition:width .45s cubic-bezier(.22,1,.36,1)}.stage{position:relative;flex:1;overflow:hidden}.slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2rem,5vw,4.5rem) clamp(1.5rem,6vw,6rem) 6rem}.slide-inner{width:100%;max-width:1120px}.slide.dark{background:var(--gradient-hero);color:#f5eee5}.slide.tech{background:var(--gradient-tech);color:#f5eee5}.slide.dark ::selection,.slide.tech ::selection{background:hsl(var(--lime) / .5)}.chrome{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem clamp(1rem,3vw,2rem);z-index:40;pointer-events:none}.chrome>*{pointer-events:auto}.chrome .counter{font-size:.8rem;font-weight:700;letter-spacing:.12em;opacity:.75;min-width:64px}.dots{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.dots button{width:9px;height:9px;border-radius:99px;border:none;background:hsl(var(--foreground) / .22);transition:all .3s ease;padding:0}.dots button.active{width:26px;background:hsl(var(--primary-glow))}.on-dark .dots button{background:#f5eee54d}.on-dark .dots button.active{background:hsl(var(--lime))}.nav-btns{display:flex;gap:8px;align-items:center}.nav-btns button{width:42px;height:42px;border-radius:99px;border:1.5px solid hsl(var(--foreground) / .2);background:hsl(var(--card) / .7);color:hsl(var(--foreground));font-size:1.1rem;display:grid;place-items:center;transition:all .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-btns button:hover:not(:disabled){background:hsl(var(--primary));border-color:hsl(var(--primary));color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-soft)}.nav-btns button:disabled{opacity:.35;cursor:default}.on-dark .nav-btns button{border-color:#f5eee559;background:#f5eee51f;color:#f5eee5}.on-dark .nav-btns button:hover:not(:disabled){background:hsl(var(--lime));border-color:hsl(var(--lime));color:#311a02}.hint{position:absolute;bottom:64px;right:clamp(1rem,3vw,2rem);font-size:.7rem;letter-spacing:.08em;opacity:.45;z-index:30}.overview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#311a02eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;padding:clamp(2rem,5vw,4rem)}.overview h2{color:#f5eee5;margin-bottom:1.5rem;font-size:1.4rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.overview-grid button{text-align:left;border:1.5px solid hsl(33 43% 93% / .18);background:#f5eee512;color:#f5eee5;border-radius:var(--radius);padding:1rem 1.1rem;transition:all .25s ease}.overview-grid button:hover,.overview-grid button.current{background:hsl(var(--lime) / .18);border-color:hsl(var(--lime) / .6);transform:translateY(-2px)}.overview-grid .num{font-size:.7rem;font-weight:800;letter-spacing:.15em;color:hsl(var(--lime));display:block;margin-bottom:.35rem}.overview-grid .t{font-weight:600;font-size:.95rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:hsl(var(--accent));margin-bottom:1.2rem}.eyebrow:before{content:"";width:26px;height:2.5px;border-radius:99px;background:var(--gradient-primary)}.slide.dark .eyebrow,.slide.tech .eyebrow{color:hsl(var(--lime))}.heading-display{font-size:clamp(2.6rem,7vw,5.2rem);line-height:1.03;font-weight:700}.heading-xl{font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.08;margin-bottom:1rem}.grad-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.65;color:hsl(var(--muted-foreground));max-width:62ch}.slide.dark .lead,.slide.tech .lead{color:#f5eee5d1}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--shadow-soft);transition:transform .35s ease,box-shadow .35s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elegant)}.card .icon{font-size:1.7rem;display:block;margin-bottom:.7rem}.card h3{font-size:1.05rem;margin-bottom:.4rem}.card p{font-size:.88rem;line-height:1.55;color:hsl(var(--muted-foreground))}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stats{display:flex;gap:clamp(1.5rem,4vw,3.5rem);flex-wrap:wrap;margin-top:2.4rem}.stat .n{font-family:var(--font-heading);font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;color:hsl(var(--primary));line-height:1}.slide.dark .stat .n,.slide.tech .stat .n{color:hsl(var(--lime))}.stat .l{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;opacity:.65;margin-top:.45rem}.checks{list-style:none;display:grid;gap:.7rem}.checks li{display:flex;gap:.7rem;align-items:flex-start;font-size:.97rem;line-height:1.5}.checks li:before{content:"✓";flex:none;width:22px;height:22px;border-radius:99px;background:hsl(var(--lime) / .25);color:hsl(var(--primary));font-weight:800;font-size:.75rem;display:grid;place-items:center;margin-top:2px}.chip-grid{display:flex;flex-wrap:wrap;gap:.6rem}.chip{border:1.5px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));border-radius:99px;padding:.5rem 1rem;font-size:.83rem;font-weight:600;font-family:ui-monospace,Cascadia Code,Consolas,monospace;transition:all .22s ease}.chip:hover{border-color:hsl(var(--primary-glow));transform:translateY(-2px);box-shadow:var(--shadow-soft)}.chip.active{background:hsl(var(--primary));border-color:hsl(var(--primary));color:#fff;box-shadow:var(--shadow-soft)}.chip-detail{margin-top:1.4rem;background:hsl(var(--card));border-left:5px solid hsl(var(--lime));border-radius:var(--radius);padding:1.3rem 1.5rem;box-shadow:var(--shadow-soft);min-height:110px}.chip-detail h3{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:1rem;color:hsl(var(--primary));margin-bottom:.45rem}.chip-detail p{font-size:.95rem;line-height:1.6;color:hsl(var(--muted-foreground))}.phases{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1.6rem}.phase-btn{border:1.5px solid hsl(var(--border));background:hsl(var(--card));border-radius:99px;padding:.55rem 1.05rem;font-size:.85rem;font-weight:700;color:hsl(var(--foreground));transition:all .25s ease}.phase-btn:hover{transform:translateY(-2px);border-color:hsl(var(--primary-glow))}.phase-btn.active{background:var(--gradient-primary);border-color:transparent;color:#311a02;box-shadow:var(--shadow-glow)}.phase-track{position:relative;height:8px;border-radius:99px;background:hsl(var(--border) / .6);margin-bottom:2rem;overflow:hidden}.phase-track>div{position:absolute;inset:0 auto 0 0;background:var(--gradient-primary);border-radius:99px;transition:width .5s cubic-bezier(.22,1,.36,1)}.phase-detail{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:1.6rem 1.8rem}.phase-detail .periode{font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--accent));margin-bottom:.5rem}.phase-detail h3{font-size:1.35rem;margin-bottom:.9rem}.ai-demo{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-elegant);overflow:hidden}.ai-demo .bar{display:flex;align-items:center;gap:.5rem;background:var(--gradient-tech);color:#f5eee5;font-size:.78rem;font-weight:700;letter-spacing:.08em;padding:.65rem 1rem}.ai-demo .bar .dot{width:9px;height:9px;border-radius:99px;background:hsl(var(--lime));box-shadow:0 0 10px hsl(var(--lime))}.ai-demo .body{padding:1.2rem 1.3rem;display:grid;gap:.9rem}.bubble{max-width:85%;padding:.7rem 1rem;border-radius:14px;font-size:.92rem;line-height:1.5}.bubble.user{justify-self:end;background:hsl(var(--primary));color:#fff;border-bottom-right-radius:4px}.bubble.ai{justify-self:start;background:hsl(var(--muted));border-bottom-left-radius:4px}.caret{display:inline-block;width:2px;height:1em;background:currentColor;vertical-align:text-bottom;margin-left:1px;animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}.mini-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:.5rem}.mini-table th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--muted-foreground));padding:.3rem .5rem;border-bottom:2px solid hsl(var(--border))}.mini-table td{padding:.4rem .5rem;border-bottom:1px solid hsl(var(--border) / .6)}.badge-ok{display:inline-flex;align-items:center;gap:.45rem;background:hsl(var(--lime) / .2);color:hsl(var(--primary));font-weight:800;font-size:.8rem;border-radius:99px;padding:.4rem .95rem}.flow{display:flex;align-items:stretch;gap:.6rem;flex-wrap:wrap}.flow .step{flex:1 1 150px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem;text-align:center;box-shadow:var(--shadow-soft)}.flow .step .icon{font-size:1.5rem;display:block;margin-bottom:.4rem}.flow .step b{display:block;font-size:.88rem;margin-bottom:.25rem}.flow .step span{font-size:.76rem;color:hsl(var(--muted-foreground));line-height:1.4}.flow .arrow{align-self:center;font-size:1.3rem;color:hsl(var(--primary-glow));font-weight:800}.fb-col{border-radius:var(--radius);padding:1.5rem 1.6rem}.fb-col.good{background:hsl(var(--lime) / .14);border:1.5px solid hsl(var(--lime) / .45)}.fb-col.work{background:hsl(var(--secondary) / .25);border:1.5px solid hsl(var(--secondary))}.fb-col h3{font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.blobs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}.confetti{position:absolute;top:-20px;border-radius:2px;pointer-events:none;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-5vh) rotate(0)}to{transform:translateY(110vh) rotate(720deg)}}.contract{display:inline-flex;align-items:center;gap:.9rem;background:#f5eee51a;border:1.5px solid hsl(var(--lime) / .6);border-radius:var(--radius);padding:1.1rem 1.6rem;box-shadow:var(--shadow-glow);margin:1.6rem 0 2.2rem}.contract .emoji{font-size:2rem}.contract b{font-size:1.25rem}.contract span{display:block;font-size:.85rem;opacity:.8}.slide.dark .card,.slide.tech .card{background:#f5eee514;border-color:#f5eee52e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slide.dark .card p,.slide.tech .card p{color:#f5eee5bf}.slide.dark .card h3,.slide.tech .card h3{color:#f5eee5}