:root{--pebble-primary-color: #007AFF;--pebble-primary-dark: #0056b3;--pebble-secondary-color: #5856D6;--pebble-success-color: #34C759;--pebble-danger-color: #FF3B30;--pebble-text-primary: #1C1C1E;--pebble-text-secondary: #6B7280;--pebble-border-color: #E5E7EB;--pebble-shadow: rgba(0, 0, 0, .1);--pebble-gradient-1: linear-gradient(135deg, #007AFF 0%, #5856D6 100%);--pebble-gradient-2: linear-gradient(135deg, #34C759 0%, #007AFF 100%)}html.template-index{font-size:100%}body.template-index{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6;letter-spacing:0}@media screen and (min-width: 990px){.header{display:flex;align-items:center;justify-content:flex-start;column-gap:2rem}.header__heading{order:1;margin-right:1.5rem}.header__inline-menu{order:2;margin-left:auto}.header__inline-menu .list-menu--inline{flex-wrap:nowrap}.header__icons{order:3;margin-left:1rem}}.pebble-hero,.pebble-how-it-works,.pebble-transformation,.pebble-features,.pebble-use-cases,.pebble-screenshots,.pebble-download{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body.template-index .pebble-hero .page-width,body.template-index .pebble-how-it-works .page-width,body.template-index .pebble-transformation .page-width,body.template-index .pebble-features .page-width,body.template-index .pebble-use-cases .page-width,body.template-index .pebble-screenshots .page-width,body.template-index .pebble-download .page-width{max-width:1200px;margin:0 auto;padding:0 20px}body.template-index .section-header{margin-bottom:0!important}.pebble-hero{padding:56px 0 64px;background:transparent;overflow:visible}.pebble-hero-container{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:start}.pebble-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#007aff1a;color:var(--pebble-primary-color);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-top:0;margin-bottom:.5rem;border:1px solid rgba(0,122,255,.2)}.pebble-hero-title{font-size:4rem;font-weight:900;line-height:1.1;margin-top:0;margin-bottom:1rem;color:var(--pebble-text-primary);letter-spacing:-.02em}.pebble-hero-subtitle{font-size:1.25rem;color:var(--pebble-text-secondary);margin-top:0;margin-bottom:1.5rem;line-height:1.7;max-width:540px}.pebble-hero-cta{display:flex;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.pebble-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid var(--pebble-border-color)}.pebble-stat{text-align:left}.pebble-stat-number{font-size:2.5rem;font-weight:800;background:var(--pebble-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.pebble-stat-label{font-size:.875rem;color:var(--pebble-text-secondary);font-weight:500}.pebble-hero-visual{position:relative;height:560px;padding-top:1rem;padding-bottom:1rem;margin-top:.75rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.pebble-phone-mockup{position:relative;z-index:2;filter:drop-shadow(0 30px 60px rgba(0,0,0,.2))}.pebble-phone-screen{width:380px;height:auto;border-radius:40px;display:block}.pebble-phone-mockup video.pebble-phone-screen,.pebble-phone-mockup iframe.pebble-phone-screen{width:380px;height:auto;object-fit:contain;aspect-ratio:9 / 16;border:none}.pebble-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.pebble-btn-primary{background:var(--pebble-gradient-1);color:#fff;box-shadow:0 4px 15px #007aff4d}.pebble-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007aff66;color:#fff}.pebble-btn-large{padding:1rem 2.5rem;font-size:1.125rem;font-weight:600}.pebble-how-it-works{background:#fff;padding:16px 0}.pebble-section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2.8688rem}.pebble-how-it-works-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:flex-start;margin-top:.5rem}.pebble-how-it-works-video .pebble-video-container{position:sticky;top:100px;aspect-ratio:9/16;max-width:350px}.pebble-video-container{max-width:800px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px var(--pebble-shadow)}.pebble-demo-image{width:100%;height:100%;object-fit:cover;border-radius:20px}.pebble-how-it-works-steps{display:flex;flex-direction:column;gap:.3rem}.pebble-step-accordion{background:#fff;border:1px solid var(--pebble-border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.pebble-step-accordion:hover{border-color:var(--pebble-primary-color);box-shadow:0 4px 20px #007aff1a}.pebble-step-accordion[open]{border-color:var(--pebble-primary-color)}.pebble-step-accordion-header{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:all .3s ease}.pebble-step-accordion-header::-webkit-details-marker{display:none}.pebble-step-accordion-header:hover{background:#007aff05}.pebble-step-number-badge{width:36px;height:36px;border-radius:50%;background:var(--pebble-gradient-1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.pebble-step-title{flex:1;font-size:1.125rem;font-weight:600;color:var(--pebble-text-primary)}.pebble-step-icon{font-size:1.5rem;color:var(--pebble-text-secondary);transition:transform .3s ease;flex-shrink:0}.pebble-step-accordion[open] .pebble-step-icon{transform:rotate(90deg)}.pebble-step-content{padding:0 1rem 1rem;margin-left:52px;animation:slideDown .3s ease}.pebble-step-content p{color:var(--pebble-text-secondary);line-height:1.7;margin-bottom:.5rem;font-size:.9375rem}.pebble-step-content p:last-child{margin-bottom:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pebble-transformation{padding:16px 0;background:#fff}.pebble-transformation-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:4rem;align-items:center;max-width:1000px;margin:0 auto}.pebble-transform-side{padding:2rem;border-radius:20px;background:#fff;border:1px solid var(--pebble-border-color);transition:all .3s ease}.pebble-transform-side.pebble-before:hover{border-color:var(--pebble-danger-color);box-shadow:0 10px 40px #ff3b301a}.pebble-transform-side.pebble-after:hover{border-color:var(--pebble-success-color);box-shadow:0 10px 40px #34c7591a}.pebble-transform-label{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;border-radius:50px;margin-bottom:1rem}.pebble-before .pebble-transform-label{background:#ff3b301a;color:var(--pebble-danger-color)}.pebble-after .pebble-transform-label{background:#34c7591a;color:var(--pebble-success-color)}.pebble-transform-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--pebble-text-primary)}.pebble-transform-items{display:flex;flex-direction:column;gap:.75rem}.pebble-transform-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.pebble-item-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.pebble-item-icon.pebble-bad{background:#ff3b301a;color:var(--pebble-danger-color)}.pebble-item-icon.pebble-good{background:#34c7591a;color:var(--pebble-success-color)}.pebble-item-text{color:var(--pebble-text-secondary);font-size:.9375rem;line-height:1.6}.pebble-transform-divider{display:flex;align-items:center;justify-content:center;position:relative}.pebble-transform-divider:before{content:"";position:absolute;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--pebble-border-color) 20%,var(--pebble-border-color) 80%,transparent 100%)}.pebble-divider-icon{background:#fff;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:2px solid var(--pebble-border-color);position:relative;z-index:1;box-shadow:0 4px 15px #00000014}.pebble-divider-logo{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain;flex-shrink:0;display:block}.pebble-features{padding:12px 0;background:#fff}.pebble-section-subtitle{text-align:center;color:var(--pebble-text-secondary);font-size:1.125rem;margin-bottom:.6rem;max-width:600px;margin-left:auto;margin-right:auto}.pebble-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:.6rem}.pebble-feature-card{background:#fff;padding:1.5rem;border-radius:16px;border:1px solid var(--pebble-border-color);transition:all .3s ease}.pebble-feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--pebble-shadow);border-color:var(--pebble-primary-color)}.pebble-feature-icon{font-size:3rem;margin-bottom:.75rem}.pebble-feature-card h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--pebble-text-primary)}.pebble-feature-card p{color:var(--pebble-text-secondary);line-height:1.7}.pebble-use-cases{padding:12px 0;background:#fff}.pebble-use-cases-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:.6rem}.pebble-use-case{text-align:center;padding:1.1rem .75rem;background:#fff;border-radius:12px;border:1px solid var(--pebble-border-color);transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.pebble-use-case:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--pebble-shadow);border-color:var(--pebble-primary-color)}.pebble-use-case-heading{min-height:3.2rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.pebble-use-case-icon{font-size:1.5rem;line-height:1;margin-bottom:.35rem}.pebble-use-case-title{font-size:1rem;margin:0 0 .5rem}.pebble-use-case p{color:var(--pebble-text-secondary);font-size:.8125rem;line-height:1.5;margin:0}.pebble-screenshots{background:#fff;padding:14px 0}.pebble-screenshots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:.8rem}.pebble-screenshot{width:100%;border-radius:20px;box-shadow:0 10px 40px var(--pebble-shadow);transition:transform .3s ease}.pebble-screenshot:hover{transform:scale(1.05)}.pebble-download{text-align:center;background:linear-gradient(135deg,var(--pebble-primary-color) 0%,var(--pebble-secondary-color) 100%);color:#fff;padding:14px 0}.pebble-download .pebble-section-title{color:#fff}.pebble-download .pebble-section-subtitle{color:#ffffffe6}.pebble-download-buttons{display:flex;justify-content:center;gap:1rem;margin:1.25rem 0;flex-wrap:wrap}.pebble-download .pebble-btn-primary{background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid rgba(255,255,255,.15);color:#fff;box-shadow:0 8px 24px #00000040}.pebble-download .pebble-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000059}.pebble-download-note{color:#fffc;font-size:.875rem}.pebble-store-icon{width:20px;height:20px;margin-right:.5rem;vertical-align:middle;display:inline-block}.pebble-btn-large .pebble-store-icon{width:24px;height:24px}@media (max-width: 990px) and (min-width: 769px){.pebble-hero-container{gap:3rem}.pebble-use-cases-grid{grid-template-columns:repeat(3,1fr)}.pebble-hero-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem}.pebble-stat-number{font-size:2rem}.pebble-stat-label{font-size:.8125rem}}@media (max-width: 768px){.pebble-hero{padding:44px 0 36px}.pebble-hero-container{grid-template-columns:1fr;text-align:center;gap:1rem}.pebble-hero-visual{height:auto;min-height:480px;margin-top:.75rem;margin-bottom:.75rem}.pebble-hero-badge{font-size:.75rem;padding:.35rem .75rem;margin-top:0;margin-bottom:.4rem}.pebble-hero-title{font-size:2.25rem;line-height:1.15}.pebble-hero-subtitle{font-size:1rem;margin-bottom:.5rem;max-width:100%}.pebble-hero-cta{display:flex;justify-content:center}.pebble-hero-stats{display:none}.pebble-phone-screen{width:100%;max-width:520px;margin:0 auto}.pebble-phone-mockup video.pebble-phone-screen,.pebble-phone-mockup iframe.pebble-phone-screen{width:100%;max-width:520px;height:auto;margin:0 auto}.pebble-how-it-works-grid{grid-template-columns:1fr;gap:2rem}.pebble-how-it-works-video .pebble-video-container{position:relative;top:0;max-width:100%;margin:0 auto}.pebble-how-it-works{padding:14px 0}.pebble-section-title{margin-bottom:3.2063rem}.pebble-step-accordion-header{padding:1rem;gap:.75rem}.pebble-step-number-badge{width:36px;height:36px;font-size:1rem}.pebble-step-title{font-size:1.125rem}.pebble-step-content{margin-left:0;padding:0 1rem 1rem}.pebble-transformation-grid{grid-template-columns:1fr;gap:2rem}.pebble-transform-divider{display:none}.pebble-transform-side{padding:1.5rem}.pebble-transform-title{font-size:1.5rem}.pebble-divider-icon{width:60px;height:60px;font-size:2rem}.pebble-features-grid,.pebble-screenshots-grid{grid-template-columns:1fr}.pebble-use-cases-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.pebble-section-title{font-size:2rem}.pebble-download-buttons{flex-direction:column;align-items:stretch;gap:.5rem}.pebble-download-buttons .pebble-btn{width:100%}.pebble-btn-large{padding:1rem 2rem;font-size:1rem}.pebble-screenshots-grid{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0;scroll-snap-type:x mandatory}.pebble-screenshots-grid .pebble-screenshot{flex:0 0 100%;width:100%;scroll-snap-align:center}.pebble-screenshots-grid{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:16px;scroll-snap-type:x mandatory;padding:0 12px}.pebble-screenshots-grid .pebble-screenshot{flex:0 0 80%;max-width:80%;scroll-snap-align:center}}@media (max-width: 900px) and (min-width: 769px){.pebble-hero-visual{height:550px}.pebble-phone-screen{width:320px}.pebble-phone-mockup video.pebble-phone-screen,.pebble-phone-mockup iframe.pebble-phone-screen{width:320px;height:auto}}@media (max-width: 480px){.pebble-hero-title{font-size:1.875rem}.pebble-section-title{font-size:1.75rem}.pebble-hero-visual{height:auto;min-height:400px}.pebble-phone-screen{width:100%;max-width:440px}.pebble-phone-mockup video.pebble-phone-screen,.pebble-phone-mockup iframe.pebble-phone-screen{width:100%;max-width:440px;height:auto}}.pebble-phone-mockup{position:relative}.pebble-video-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border-radius:50%;border:0;background:#0000008c;color:#fff;font-size:24px;cursor:pointer}.announcement-bar__message,.announcement-bar__message span,.announcement-bar__link{font-size:16px;line-height:1.2}.menu-drawer__menu-item,.menu-drawer__menu-item span,.menu-drawer__menu-item.list-menu__item{font-size:14px;line-height:1.2}html{scroll-behavior:smooth}
/*# sourceMappingURL=/cdn/shop/t/12/assets/pebble-landing.css.map */