.dynamic-island-wrapper{box-sizing:border-box;display:flex;justify-content:center;padding:30px 20px;transition:padding .4s ease;width:100%}.dynamic-island{background-color:#09090b;border:1px solid hsla(0,0%,100%,.08);border-radius:40px;box-shadow:0 4px 30px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.2);box-sizing:border-box;max-height:76px;max-width:1200px;overflow:hidden;padding:16px 28px;transition:max-height .6s cubic-bezier(.175,.885,.32,1.15),border-radius .5s cubic-bezier(.175,.885,.32,1.1),padding .5s cubic-bezier(.175,.885,.32,1.1),width .5s cubic-bezier(.175,.885,.32,1.1);width:100%}.dynamic-island__collapsed{align-items:center;display:flex;gap:16px;height:44px;justify-content:space-between;opacity:1;transition:opacity .25s ease,height .3s ease;width:100%}.dynamic-island__collapsed-left{align-items:center;display:flex;gap:16px;min-width:0}.dynamic-island__trigger-circle{align-items:center;background-color:#fed27a;border:none;border-radius:50%;cursor:pointer;display:inline-flex;flex:0 0 36px;height:36px;justify-content:center;padding:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.2);width:36px}.dynamic-island__trigger-circle:hover{transform:scale(1.1)}.dynamic-island__chevron{border-bottom:2px solid #000;border-right:2px solid #000;display:inline-block;height:6px;transform:rotate(45deg) translate(-1px,-1px);transition:transform .4s cubic-bezier(.175,.885,.32,1.2);width:6px}.dynamic-island__collapsed-title{font-size:1rem;font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dynamic-island__pill-btn{background-color:#fed27a;border-radius:20px;color:#000!important;display:inline-block;flex-shrink:0;font-size:.85rem;font-weight:600;padding:8px 18px;text-decoration:none;transition:text-decoration .2s ease,opacity .2s ease,visibility .2s;white-space:nowrap}.dynamic-island__pill-btn:hover{color:#000!important;text-decoration:underline!important}.dynamic-island__expanded{opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .35s ease-out,transform .35s ease-out}.dynamic-island__grid{align-items:center;display:grid;gap:48px;grid-template-columns:1.1fr .9fr;padding:20px 0 10px}.dynamic-island__col-img img{border-radius:20px;display:block;height:auto;width:100%}.dynamic-island__col-content{display:flex;flex-direction:column;gap:24px}.dynamic-island__heading{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}.dynamic-island__description{font-size:1.05rem;line-height:1.6;opacity:.8}.dynamic-island__expanded-btn{align-self:flex-start;background-color:#fed27a;border-radius:30px;color:#000!important;display:inline-block;font-weight:600;padding:14px 32px;text-decoration:none;transition:text-decoration .2s ease;white-space:nowrap}.dynamic-island__expanded-btn:hover{color:#000!important;text-decoration:underline!important}.dynamic-island.is-expanded{border-radius:28px;max-height:1200px;padding:40px}.dynamic-island.is-expanded .dynamic-island__pill-btn{margin:0;opacity:0;padding:0;pointer-events:none;visibility:hidden;width:0}.dynamic-island.is-expanded .dynamic-island__collapsed-title{overflow:visible;white-space:normal}.dynamic-island.is-expanded .dynamic-island__chevron{transform:rotate(-135deg) translate(0)}.dynamic-island.is-expanded .dynamic-island__expanded{opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:.15s}@media (max-width:768px){.dynamic-island-wrapper{padding:20px 8px}.dynamic-island{border-radius:30px;max-height:135px;padding:18px 20px}.dynamic-island__collapsed{align-items:flex-start;flex-direction:column;gap:12px;height:auto}.dynamic-island__collapsed-left{gap:12px;width:100%}.dynamic-island__collapsed-title{display:block;font-size:.95rem;line-height:1.3;white-space:normal}.dynamic-island__pill-btn{align-self:stretch;font-size:.85rem;padding:10px 16px;text-align:center}.dynamic-island__trigger-circle{flex:0 0 34px;height:34px;width:34px}.dynamic-island.is-expanded{border-radius:24px;max-height:1800px;max-width:calc(100% + 16px);padding:32px 18px;width:100vw}.dynamic-island.is-expanded .dynamic-island__collapsed{align-items:center;flex-direction:row}.dynamic-island__grid{gap:28px;grid-template-columns:1fr;padding:24px 0 10px}.dynamic-island__heading{font-size:1.75rem;line-height:1.25}.dynamic-island__description{font-size:.95rem;line-height:1.55}.dynamic-island__expanded-btn{align-self:stretch;text-align:center}}