/* Project showcase and touch-friendly explorer. */
.explore-menu>button{min-height:44px;padding:10px 15px;border:1px solid #c5ad7d;border-radius:24px;background:#fffaf0;color:#24466f;font:700 13px Arial,sans-serif;cursor:pointer;white-space:nowrap}.explore-menu>button[aria-expanded=true]{background:#f2e5ca}.top .project-menu{display:grid;position:absolute;right:0;top:calc(100% + 10px);z-index:100;width:min(335px,calc(100vw - 32px));max-height:72vh;max-height:72dvh;overflow-y:auto;overscroll-behavior:contain;background:#fffdf8;border:1px solid #ddcba5;border-radius:18px;padding:10px;box-shadow:0 18px 45px #20375622;gap:2px}#projectMenu[hidden]{display:none!important}.project-menu a{display:grid;min-height:44px;padding:10px 12px;border-radius:10px;color:#24466f;text-decoration:none}.project-menu a:hover,.project-menu a:focus-visible{background:#f3ead7}.project-menu small{font-size:12px;color:#68675d;margin-top:4px}.menu-group{padding:12px 12px 5px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#806022}.explore-menu button:focus-visible,.carousel-controls button:focus-visible{outline:3px solid #245b9c;outline-offset:3px}.creation-showcase{margin:20px 0 64px;color:#203f69;scroll-margin-top:24px}.showcase-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:24px}.showcase-heading h2{font-size:clamp(25px,3.4vw,36px);letter-spacing:-1px;margin:10px 0 0}.showcase-heading p{max-width:250px;color:#627181;font-size:14px;line-height:1.65;margin:0}.creation-slide{display:grid;grid-template-columns:1.05fr 1fr;border-radius:28px;overflow:hidden;min-height:365px;background:#eef3f8;border:1px solid #d8e1eb}.creation-slide[hidden]{display:none!important}.creation-visual{display:grid;place-items:center;padding:30px;background:#e4ece8;overflow:hidden}.creation-copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:36px}.creation-kind{font-size:11px;letter-spacing:.7px;color:#6b5b32;font-weight:700}.creation-copy h3{font-size:clamp(24px,3vw,34px);letter-spacing:-1px;line-height:1.15;margin:18px 0 14px}.creation-copy p{color:#53677c;font-size:14px;line-height:1.75;margin:0 0 22px;max-width:340px}.creation-copy small{font-size:11px;line-height:1.6;color:#5b6d80;margin-top:15px;max-width:320px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.carousel-arrows{display:flex;gap:12px;align-items:center}.carousel-controls button{min-width:44px;min-height:44px;border:1px solid #ced9e4;background:#fffdf8;color:#24466f;border-radius:50%;font:600 17px Arial;cursor:pointer}.carousel-arrows span{font-size:12px;font-variant-numeric:tabular-nums;color:#596b80}.carousel-dots{display:flex;gap:0}.carousel-dots button{border:0;background:transparent;min-width:44px;border-radius:12px;display:grid;place-items:center}.carousel-dots span{width:7px;height:7px;background:#c1cbd4;border-radius:50%;display:block}.carousel-dots [aria-current=true] span{background:#245b9c;width:20px;border-radius:8px}#creationPause{border-radius:20px;padding:0 14px;font-size:12px}.mini-app{position:relative;width:100%;max-width:350px;min-height:280px;background:#fafbf5;border-radius:17px;padding:23px;box-shadow:0 18px 36px #20375617;box-sizing:border-box}.mini-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-top span:first-child{font-size:21px;font-weight:800;letter-spacing:-1px}.mini-top span:last-child{font-size:10px;color:#677963;max-width:110px;text-align:right}.plant-stage{position:relative;height:167px}.plant-pot{position:absolute;left:calc(50% - 32px);bottom:8px;width:64px;height:57px;background:linear-gradient(100deg,#c59770,#ad7853);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);border-radius:5px}.plant-stem{position:absolute;width:5px;height:77px;background:#648a56;bottom:60px;left:calc(50% - 2px);border-radius:5px}.plant-leaf{position:absolute;width:49px;height:28px;background:#7e9e61;z-index:1}.leaf-one{left:calc(50% - 45px);bottom:100px;transform:rotate(25deg);border-radius:0 60% 0 60%}.leaf-two{left:50%;bottom:118px;transform:rotate(-25deg);border-radius:60% 0 60% 0;background:#a2b77e}.mini-tags{display:flex;justify-content:center;gap:9px}.mini-tags span{font-size:10px;color:#4c6747;border:1px solid #d7e1c9;border-radius:20px;padding:8px 12px}.creation-slide[data-slide=historia] .creation-visual{background:#e9dece}.mini-story{padding:0;overflow:hidden;height:280px;background:#392e29;color:#fff7e7}.mini-story img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.6}.mini-story>div{position:relative;height:100%;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(0deg,#342419c9,transparent)}.mini-story span{font-size:10px;letter-spacing:2px}.mini-story strong{font-family:Georgia,serif;font-size:31px;line-height:1.1;font-weight:400}.mini-story small{font-size:11px}.creation-slide[data-slide=contas] .creation-visual{background:#dce9e4}.mini-money{background:#f8fcf9}.mini-money>strong,.mini-mcd>strong,.mini-ana>strong{display:block;font-size:27px;letter-spacing:-1px;line-height:1.15;margin:25px 0;color:#254c45}.money-rows{display:grid;gap:8px}.money-rows>span{display:flex;justify-content:space-between;font-size:10px;padding:12px 0;border-top:1px solid #dce6e0;color:#5c7168}.money-rows b{color:#345a4c;font-weight:500}.creation-slide[data-slide=mcd] .creation-visual{background:#e1e8f3}.mini-mcd{background:#f8faff}.mini-mcd>strong{color:#294969}.choice-pair{display:flex;gap:10px;margin-bottom:25px}.choice-pair span{flex:1;padding:20px 10px;border-radius:12px;background:#f6e2de;color:#9f4c42;text-align:center;font-size:12px}.choice-pair span+span{background:#dfeafb;color:#345d9a}.mini-mcd>small{font-size:11px;color:#5e6d81}.creation-slide[data-slide=ana] .creation-visual{background:#e7ecdb}.mini-ana{background:#fffdf3}.mini-ana>strong{color:#566b43}.recipe-note{display:grid;gap:15px;font-size:12px;color:#627452}.curated-examples .example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.curated-examples .example-cover{display:flex;height:190px;flex-direction:column;align-items:center;justify-content:center;gap:10px}.example-jewel{background:radial-gradient(ellipse at 50% 40%,#fffdf6,#e7dfcc)!important;color:#715c35}.example-jewel strong{font:24px Georgia,serif;letter-spacing:5px}.example-jewel small{font-size:9px;letter-spacing:2px}.jewel-mark{width:45px;height:53px;border:4px solid #ba9752;border-radius:50%;transform:rotate(-25deg);box-shadow:inset 2px 0 #f7e8bf,2px 2px 3px #baa77e55}.example-gym{background:#e7eee5!important;color:#355741}.example-gym strong{font-size:50px;letter-spacing:-3px}.example-gym small{font-size:9px;letter-spacing:1px}.example-party{background:#fff0ec!important;color:#9d6864}.example-party img{width:60px!important;height:60px!important;object-fit:cover!important;border-radius:50%}.example-party>span{font-family:Georgia,serif;font-size:21px;font-weight:400;max-width:160px;text-align:center}.more-examples{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:26px 0 0;font-size:13px;color:#657487}.more-examples a{color:#245b9c}.curated-examples .example-links{flex-wrap:wrap}.top{position:relative;z-index:10}
@media(max-width:850px){.creation-copy{padding:28px}.creation-visual{padding:22px}.curated-examples .example-grid{grid-template-columns:1fr}.curated-examples .example-cover{height:170px}.showcase-heading{align-items:start}.showcase-heading p{max-width:210px}}@media(max-width:600px){.creation-showcase{margin-top:14px;margin-bottom:40px}.showcase-heading{display:block}.showcase-heading p{margin-top:12px;max-width:none}.creation-slide{grid-template-columns:1fr;border-radius:23px}.creation-visual{padding:22px;min-height:250px}.mini-app{max-width:340px;min-height:245px}.mini-story{height:265px}.creation-copy{padding:26px}.creation-copy h3{font-size:28px}.creation-copy p{font-size:14px}.carousel-controls{gap:4px;flex-wrap:wrap}.carousel-dots{order:3;flex-basis:100%;justify-content:center}.carousel-dots button{min-width:44px}.carousel-arrows{gap:6px}.carousel-controls button{min-width:44px}.carousel-controls #creationPause{min-width:64px;padding:0 10px}.explore-menu>button{font-size:12px;padding:10px 12px}.top{gap:8px}.brand-lockup strong{font-size:17px}}@media(prefers-reduced-motion:reduce){.creation-showcase *{scroll-behavior:auto;transition:none;animation:none}}

.curated-examples .example{display:flex;flex-direction:column}.example-label{font-size:9px;letter-spacing:1px;color:#806022;margin-bottom:10px}.showcase-heading .eyebrow{margin-bottom:0}