.h3-root{--h3-bg:#faf7f0;--h3-ink:#0f1741;--h3-coral:#ff4b3d;--h3-navy:#0f1741;--h3-teal:#7edbb5;--h3-red:#ff4b3d;--h3-white:#fff;--h3-muted:#5a5e72;--h3-border:2px solid #0f1741;--h3-shadow:4px 4px 0 #0f1741;--h3-shadow-coral:4px 4px 0 #ff4b3d;--h3-radius:12px;--h3-syne:var(--font-syne),sans-serif;--h3-display:var(--font-display);--h3-dm:var(--font-body);background:var(--h3-bg);color:var(--h3-ink);font-family:var(--h3-dm);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.h3-root a{color:inherit;text-decoration:none}[data-h3]{transition:opacity .55s ease,transform .55s ease}[data-h3],[data-h3].h3-in{opacity:1;transform:translateY(0)}@keyframes h3-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes h3-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes h3-word-in{0%{opacity:0;transform:translateY(20px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}@keyframes h3-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes h3-pulse-border{0%,to{box-shadow:var(--h3-shadow)}50%{box-shadow:6px 6px 0 var(--h3-coral)}}.h3-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;display:flex;align-items:center;padding:0 clamp(16px,4vw,40px);transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;border-bottom:1.5px solid transparent}.h3-nav--scrolled{background:hsla(42,50%,96%,.95);border-bottom-color:var(--h3-ink);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.h3-nav__inner{width:100%;max-width:1200px;margin:0 auto;justify-content:space-between}.h3-nav__inner,.h3-nav__logo{display:flex;align-items:center}.h3-nav__logo{gap:8px}.h3-nav__logo-mark{width:30px;height:30px;background:var(--h3-ink);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.h3-nav__logo-mark span{color:#fff;font-family:var(--h3-syne);font-weight:800;font-size:15px}.h3-nav__logo-name{font-family:var(--h3-syne);font-weight:800;font-size:18px;color:var(--h3-ink)}.h3-nav__links{display:none;gap:2rem;align-items:center}@media (min-width:768px){.h3-nav__links{display:flex}}.h3-nav__link{font-size:14px;color:#555;transition:color .15s}.h3-nav__link:hover{color:var(--h3-ink)}.h3-nav__actions{gap:12px}.h3-nav__actions,.h3-nav__lang{display:flex;align-items:center}.h3-nav__lang{gap:2px}.h3-nav__lang-btn{border:none;background:transparent;font-size:13px;font-weight:600;color:#666;cursor:pointer;padding:4px 8px;border-radius:6px;font-family:var(--h3-dm),sans-serif}.h3-nav__lang-btn:hover{color:var(--h3-ink)}.h3-nav__lang-btn--active{color:var(--h3-ink);background:rgba(13,11,30,.08)}.h3-nav__lang-sep{color:#ccc;font-size:12px;user-select:none}.h3-nav__login{font-size:14px;color:var(--h3-ink)}.h3-btn-primary{display:inline-flex;align-items:center;background:var(--h3-ink);color:#fff;border:var(--h3-border);border-radius:999px;padding:9px 22px;font-size:14px;font-weight:600;font-family:var(--h3-dm);box-shadow:var(--h3-shadow);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.h3-btn-primary:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--h3-ink)}.h3-btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--h3-ink)}.h3-root a.h3-btn-primary,.h3-root a.h3-btn-primary:visited{color:#fff}.h3-hero{max-width:1200px;margin:0 auto;padding:clamp(110px,14vw,150px) clamp(16px,4vw,40px) 80px;text-align:center}.h3-hero__badge{display:inline-flex;align-items:center;gap:6px;border:var(--h3-border);border-radius:999px;padding:6px 18px;margin-bottom:36px;font-size:13px;color:var(--h3-ink);font-family:var(--h3-dm);animation:h3-fade-in .5s ease .1s both}.h3-hero__h1{margin:0 0 20px;line-height:.96;letter-spacing:.02em}.h3-hero__word{font-family:var(--h3-display);font-weight:400;font-size:clamp(64px,10vw,108px);color:var(--h3-ink)}.h3-hero__word,.h3-hero__word--highlight{display:inline-block;margin-right:.12em;opacity:0;animation:h3-word-in .5s ease forwards}.h3-hero__word--highlight{position:relative}.h3-hero__word--highlight span{position:relative;z-index:1;font-family:var(--h3-display);font-weight:400;font-size:clamp(64px,10vw,108px);color:var(--h3-ink)}.h3-hero__word--highlight:before{content:"";position:absolute;bottom:5px;left:-5px;right:-5px;height:68%;background:#ffd35c;transform:rotate(-1.5deg);z-index:0;border-radius:4px}.h3-hero__sub{font-size:clamp(17px,2.2vw,20px);color:#555;max-width:500px;margin:0 auto 36px;line-height:1.65;font-weight:300;animation:h3-fade-in .6s ease .55s both}.h3-hero__ctas{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:0!important;animation:h3-fade-in .6s ease .7s both}.h3-hero__cta-secondary{color:var(--h3-coral);font-size:15px;text-decoration:underline;text-underline-offset:3px;transition:opacity .15s}.h3-hero__cta-secondary:hover{opacity:.72}.h3-hero__proof{animation:h3-fade-in .6s ease .85s both;margin-bottom:56px}.h3-hero__avatars{margin-bottom:12px}.h3-hero__avatar,.h3-hero__avatars{display:flex;align-items:center;justify-content:center}.h3-hero__avatar{width:36px;height:36px;border-radius:50%;border:2.5px solid var(--h3-bg);font-family:var(--h3-syne);font-weight:700;font-size:13px;color:#fff}.h3-hero__proof-text{font-size:14px;color:#555;margin-left:14px}.h3-hero__pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.h3-hero__pill{font-size:12px;color:#444;border:var(--h3-border);border-radius:999px;padding:3px 13px}.h3-landing-hero{min-height:100vh;display:flex;align-items:stretch;background:#fafafa;overflow:visible!important;padding:0!important}.h3-landing-hero-inner{display:grid;grid-template-columns:60fr 40fr!important;gap:3rem!important;max-width:1280px!important;margin:0 auto!important;width:100%;padding:6rem 3rem 0!important;align-items:center!important;min-height:100vh!important}.h3-landing-hero-left{display:flex;flex-direction:column;gap:1.25rem!important;align-items:flex-start;position:relative;z-index:2;min-width:0!important;max-width:100%!important;isolation:isolate}.h3-landing-hero-headline{font-family:var(--h3-display);font-size:clamp(3rem,6vw,5.5rem)!important;line-height:1.05;letter-spacing:-.02em;font-weight:800;text-align:left;margin:0}.h3-hero--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:clamp(24px,4vw,48px);align-items:center;text-align:left;max-width:1200px}.h3-hero__col--copy .h3-hero__badge,.h3-hero__col--copy .h3-hero__h1,.h3-hero__col--copy .h3-hero__sub{text-align:left}.h3-hero__col--copy .h3-hero__sub{margin-left:0;margin-right:0}.h3-hero__col--copy .h3-hero__avatars,.h3-hero__col--copy .h3-hero__ctas,.h3-hero__col--copy .h3-hero__pills{justify-content:flex-start}.h3-hero__col--visual{min-width:0}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.h2-gallery-wall{display:flex;flex-direction:column;gap:16px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.h2-gallery-row{display:flex;gap:16px;width:max-content}.h2-gallery-row--left{animation:scrollLeft 30s linear infinite}.h2-gallery-row--right{animation:scrollRight 30s linear infinite}.h2-gallery-row--left:hover,.h2-gallery-row--right:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.h2-gallery-row--left,.h2-gallery-row--right{animation:none}}.h2-storefront-card{width:180px;height:280px;border-radius:20px;overflow:hidden;flex-shrink:0;border:1px solid hsla(0,0%,100%,.1);background:#fff;display:flex;flex-direction:column}.h2-storefront-card--dark{background:#0f172a;border-color:hsla(0,0%,100%,.12)}.h2-sf-card__header{display:flex;align-items:center;gap:8px;padding:10px 10px 8px;flex-shrink:0}.h2-sf-card__avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.h2-sf-card__name{font-size:10px;font-weight:700;line-height:1.2;font-family:var(--font-thai),var(--h3-dm),sans-serif}.h2-sf-card__sub{font-size:8px;margin-top:1px}.h2-sf-card__body,.h2-sf-card__sub{font-family:var(--h3-dm),sans-serif}.h2-sf-card__body{flex:1;padding:0 8px 8px;display:flex;flex-direction:column;gap:6px;min-height:0}.h2-sf-card__body--list{gap:4px}.h2-sf-card__line-btn{margin-top:auto;background:#06c755;color:#fff;font-size:8px;font-weight:700;text-align:center;padding:6px 4px;border-radius:6px;font-family:var(--font-thai),var(--h3-dm),sans-serif}.h2-sf-card__list-price{font-weight:700;color:#ca8a04;flex-shrink:0}.h2-sf-card__pill-btn{margin-top:auto;background:#059669;color:#fff;font-size:8px;font-weight:700;text-align:center;padding:5px;border-radius:6px}@media (max-width:900px){.h3-hero--split{grid-template-columns:1fr;padding-bottom:56px}.h3-hero--split,.h3-hero__col--copy .h3-hero__badge,.h3-hero__col--copy .h3-hero__h1,.h3-hero__col--copy .h3-hero__sub{text-align:center}.h3-hero__col--copy .h3-hero__sub{margin-left:auto;margin-right:auto}.h3-hero__col--copy .h3-hero__avatars,.h3-hero__col--copy .h3-hero__ctas,.h3-hero__col--copy .h3-hero__pills{justify-content:center}.h2-gallery-row--left,.h2-gallery-row--right{animation:none}.h2-gallery-wall{overflow-x:auto;overflow-y:hidden;mask-image:none;-webkit-mask-image:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin}}.h2-how{--text-dark:var(--h3-ink);--text-mid:#6b7280;background:#fff;padding:72px clamp(16px,4vw,40px) 80px;border-top:var(--h3-border)}.h2-how__inner{max-width:1100px;margin:0 auto}.h2-how__headline{text-align:center;margin-bottom:8px}.h2-how__headline-th{display:block;font-family:var(--font-thai),var(--h3-dm),sans-serif;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:700;color:var(--text-dark);margin-bottom:6px}.h2-how__headline-en{display:block;font-family:var(--h3-syne);font-weight:900;font-size:clamp(1.5rem,4vw,2rem);color:var(--text-dark)}.h2-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:0;margin-top:3rem}.h2-step-connector{border-top:2px dashed rgba(255,75,61,.3);margin-top:32px}.h2-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}.h2-step__num-wrap{margin-bottom:14px}.h2-step__num{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--piick-red);color:#fff;font-family:var(--h3-syne);font-weight:800;font-size:1.25rem}.h2-step__title{margin:0 0 10px}.h2-step__title-th{font-family:var(--font-thai),var(--h3-dm),sans-serif;font-size:1rem;margin-bottom:4px}.h2-step__title-en,.h2-step__title-th{display:block;font-weight:700;color:var(--text-dark)}.h2-step__title-en{font-family:var(--h3-syne);font-size:.95rem}.h2-step__body{margin:0 0 16px;max-width:260px}.h2-step__body-th{font-family:var(--font-thai),var(--h3-dm),sans-serif;color:var(--text-dark);margin-bottom:6px}.h2-step__body-en,.h2-step__body-th{display:block;font-size:.85rem;line-height:1.45}.h2-step__body-en{font-family:var(--h3-dm),sans-serif;color:var(--text-mid)}.h2-step__visual{width:100%;max-width:280px;margin-top:auto}.h2-step__visual--url{padding-top:4px}.h2-url-mock{background:#f3f4f6;border-radius:12px;padding:10px;border:1px solid #e5e7eb}.h2-url-mock__dots{display:flex;gap:5px;margin-bottom:8px}.h2-url-mock__dots span{width:8px;height:8px;border-radius:50%;background:#d1d5db}.h2-url-mock__bar{display:flex;align-items:center;flex-wrap:wrap;background:#fff;border-radius:8px;padding:8px 10px;font-size:11px;border:1px solid #e5e7eb;font-family:var(--h3-dm),monospace}.h2-url-mock__prefix{color:#9ca3af}.h2-url-mock__typed{color:var(--h3-ink);font-weight:500}.h2-url-mock__cursor{display:inline-block;width:2px;height:14px;background:#ff4b3d;margin-left:2px;vertical-align:middle;animation:h2-cursor-blink 1s step-end infinite}@keyframes h2-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.h2-url-mock__cursor{animation:none;opacity:1}}.h2-step__visual--builder{max-width:320px}.h2-builder-mock{display:grid;grid-template-columns:52px 1fr 48px;gap:4px;background:#f9fafb;border-radius:12px;box-shadow:4px 4px 0 var(--h3-ink);border:var(--h3-border);padding:8px;max-height:200px;overflow:hidden}.h2-builder-mock__col{min-height:0;display:flex;flex-direction:column;gap:4px}.h2-builder-mock__label{font-size:7px;font-weight:700;color:#9ca3af;letter-spacing:.06em}.h2-builder-mock__block-pill{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;text-align:center;padding:4px 0}.h2-builder-mock__col--phone{align-items:center;justify-content:center}.h2-builder-mock__phone{width:56px;background:#fff;border:2px solid var(--h3-ink);border-radius:10px;overflow:hidden;flex-shrink:0}.h2-builder-mock__phone-notch{height:5px;background:var(--h3-ink);width:24px;margin:4px auto 0;border-radius:2px}.h2-builder-mock__phone-header{height:18px;background:var(--piick-yellow);margin-top:4px}.h2-builder-mock__phone-rows{padding:4px;display:flex;flex-direction:column;gap:3px}.h2-builder-mock__row{height:8px;background:#f3f4f6;border-radius:2px}.h2-builder-mock__field{height:14px;background:#fff;border:1px solid #e5e7eb;border-radius:4px}.h2-step__visual--share{max-width:280px}.h2-share-mock{display:flex;justify-content:center}.h2-share-mock__phone{width:120px;height:168px;background:var(--piick-bg-cream);border:2px solid var(--h3-ink);border-radius:18px;position:relative;overflow:hidden}.h2-share-mock__sheet{position:absolute;left:8px;right:8px;bottom:12px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;padding:10px 8px;box-shadow:0 -4px 16px rgba(0,0,0,.08);text-align:center}.h2-share-mock__sheet-title{display:block;font-size:9px;font-weight:700;color:var(--h3-ink);margin-bottom:4px}.h2-share-mock__sheet-url{font-size:9px;font-weight:600;color:#ff4b3d;word-break:break-all}.h2-how__cta-wrap{display:flex;justify-content:center;margin-top:2.5rem}.h2-how__cta{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:14px 32px;border-radius:999px;background:var(--piick-red);color:#fff;font-weight:700;box-shadow:4px 4px 0 var(--h3-ink);border:var(--h3-border);transition:transform .15s,box-shadow .15s}.h2-how__cta:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 var(--h3-ink)}.h2-how__cta-th{font-family:var(--font-thai),var(--h3-dm),sans-serif;font-size:.95rem}.h2-how__cta-en{font-family:var(--h3-dm),sans-serif;font-size:.8rem;opacity:.95}@media (max-width:900px){.h2-steps{grid-template-columns:1fr;gap:2rem}.h2-step-connector{display:none}.h2-step{border-bottom:1px dashed rgba(255,75,61,.2);padding-bottom:2rem}.h2-step:last-of-type{border-bottom:none;padding-bottom:0}}.h3-section{max-width:1200px;margin:0 auto;padding:clamp(72px,9vw,110px) clamp(16px,4vw,40px)}.h3-section-head{text-align:center;margin-bottom:clamp(40px,6vw,60px)}.h3-section-title{font-family:var(--font-space-grotesk),var(--h3-syne),sans-serif;font-weight:800;font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.025em;margin:0 0 10px;color:var(--h3-ink)}.h3-section-title--coral{color:var(--h3-coral)}.h3-section-sub{font-size:clamp(15px,1.8vw,17px);color:#666;margin:0}.h3-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:680px){.h3-steps{grid-template-columns:1fr}}.h3-step{background:#fff;border:var(--h3-border);border-radius:var(--h3-radius);padding:28px 24px;box-shadow:var(--h3-shadow);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.h3-step:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--h3-ink)}.h3-step__num{font-family:var(--h3-syne);font-weight:800;font-size:72px;line-height:1;color:rgba(13,11,30,.06);position:absolute;top:8px;right:16px;letter-spacing:-.04em;pointer-events:none;user-select:none}.h3-step__icon{font-size:36px;margin-bottom:14px}.h3-step__title{font-family:var(--h3-syne);font-weight:700;font-size:19px;margin:0 0 8px;color:var(--h3-ink)}.h3-step__body{font-size:14px;color:#555;line-height:1.65;margin:0}.h3-step__tag{display:inline-block;margin-top:14px;background:rgba(255,75,61,.1);color:var(--h3-coral);border:1.5px solid var(--h3-coral);border-radius:999px;padding:3px 12px;font-size:11px;font-weight:600}.h3-showcase{padding:clamp(72px,9vw,110px) 0;overflow:hidden}.h3-showcase__head{text-align:center;margin-bottom:clamp(36px,5vw,52px);padding:0 clamp(16px,4vw,40px)}.h3-showcase__sub{font-size:clamp(15px,1.8vw,17px);color:#666;margin:0}.h3-carousel-wrap{position:relative}.h3-carousel{display:flex;justify-content:center;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:12px clamp(24px,6vw,120px) 24px;cursor:grab}.h3-carousel::-webkit-scrollbar{display:none}.h3-carousel:active{cursor:grabbing}.h3-carousel__track{display:flex;justify-content:center;align-items:flex-start;gap:20px;width:max-content;margin:0 auto}.h3-carousel__card{scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;width:200px;flex-shrink:0;transition:transform .3s ease}.h3-carousel__card--active{transform:scale(1.04)}.h3-sf-phone{width:200px;height:390px;border-radius:30px;border:2.5px solid var(--h3-ink);box-shadow:4px 4px 0 var(--h3-ink);background:#fff;overflow:hidden;display:flex;flex-direction:column;position:relative;flex-shrink:0}.h3-sf-phone__notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:var(--h3-ink);border-radius:2px;z-index:10}.h3-sf-phone__header{height:115px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12px 8px;position:relative}.h3-sf-phone__avatar{width:44px;height:44px;border-radius:50%;border:2.5px solid #fff;background:hsla(0,0%,100%,.3);margin-bottom:6px;flex-shrink:0}.h3-sf-phone__name{font-size:11px;font-weight:700;color:#fff;text-align:center}.h3-sf-phone__cat{font-size:9px;color:hsla(0,0%,100%,.75);margin-top:1px;text-align:center}.h3-sf-phone__body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:10px 10px 0}.h3-sf-phone__footer{padding:8px 10px 14px;flex-shrink:0}.h3-carousel__label{margin-top:16px;text-align:center}.h3-carousel__handle{font-size:13px;font-weight:700;color:var(--h3-ink);font-family:var(--h3-dm);margin-bottom:2px}.h3-carousel__niche{font-size:12px;color:#888;font-family:var(--h3-dm)}.h3-carousel__controls{gap:16px;margin-top:28px}.h3-carousel__arrow,.h3-carousel__controls{display:flex;align-items:center;justify-content:center}.h3-carousel__arrow{width:40px;height:40px;border:var(--h3-border);border-radius:50%;background:#fff;box-shadow:var(--h3-shadow);font-size:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.h3-carousel__arrow:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--h3-ink)}.h3-carousel__arrow:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--h3-ink)}.h3-carousel__dots{display:flex;gap:8px;align-items:center}.h3-carousel__dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--h3-ink);background:transparent;cursor:pointer;transition:background .2s ease,transform .2s ease;padding:0}.h3-carousel__dot--active{background:var(--h3-ink);transform:scale(1.2)}@media (max-width:768px){.h3-carousel{justify-content:flex-start;padding:12px 0 24px;scroll-padding-inline:calc(50vw - 100px)}.h3-carousel__track{margin:0}.h3-carousel__track:after,.h3-carousel__track:before{content:"";flex:0 0 calc(50vw - 100px)}}.h2-examples-section,.h3-examples-section{width:100%;overflow:hidden}.h2-examples-inner{max-width:1280px;margin:0 auto;padding:4rem 2rem}.h2-examples-row,.h3-examples-row{gap:1.5rem!important;width:100%!important}.h2-examples-row,.h2-examples-track,.h3-examples-row,.h3-examples-track{display:flex!important;justify-content:center!important;align-items:flex-start!important;margin:0 auto!important}.h2-examples-track,.h3-examples-track{width:fit-content!important}.h2-examples-phone-wrapper,.h3-examples-phone-wrapper{display:flex!important;flex-direction:column!important;align-items:center!important;flex-shrink:0!important}.h2-examples-controls,.h3-examples-controls{display:flex!important;justify-content:center!important;align-items:center!important;gap:1rem!important;margin-top:2.5rem!important}.h3-blocks-wrap{background:var(--h3-ink);padding:clamp(64px,8vw,100px) clamp(16px,4vw,40px)}.h3-blocks-head{text-align:center;margin-bottom:clamp(40px,6vw,56px)}.h3-blocks-head .h3-section-title{color:#fff}.h3-blocks-head .h3-section-sub{color:hsla(0,0%,100%,.5)}.h3-blocks-inner{max-width:1200px;margin:0 auto}.h3-blocks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:900px){.h3-blocks-grid{grid-template-columns:repeat(2,1fr)}.h3-block-card--wide{grid-column:span 2}}@media (max-width:480px){.h3-blocks-grid{grid-template-columns:1fr 1fr}.h3-block-card--wide{grid-column:span 2}}.h3-block-card{border-radius:18px;padding:22px 20px 18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:default;position:relative;overflow:hidden}.h3-block-card--wide{grid-column:span 2;display:flex;align-items:flex-start;gap:20px}.h3-block-card--wide .h3-block-card__icon-wrap{flex-shrink:0}.h3-block-card--wide .h3-block-card__text{flex:1}.h3-block-card[data-tag=commerce]{background:rgba(255,61,46,.1);border:1px solid rgba(255,75,61,.35)}.h3-block-card[data-tag=booking]{background:rgba(36,83,255,.1);border:1px solid rgba(29,158,117,.35)}.h3-block-card[data-tag=content]{background:rgba(255,61,46,.1);border:1px solid rgba(255,75,61,.35)}.h3-block-card[data-tag=engagement]{background:rgba(255,217,61,.18);border:1px solid rgba(240,97,74,.35)}.h3-block-card[data-tag=commerce]:hover{transform:translateY(-4px);border-color:rgba(255,75,61,.65);box-shadow:0 8px 28px rgba(255,75,61,.2)}.h3-block-card[data-tag=booking]:hover{transform:translateY(-4px);border-color:rgba(29,158,117,.65);box-shadow:0 8px 28px rgba(29,158,117,.2)}.h3-block-card[data-tag=content]:hover{transform:translateY(-4px);border-color:rgba(255,75,61,.65);box-shadow:0 8px 28px rgba(255,75,61,.2)}.h3-block-card[data-tag=engagement]:hover{transform:translateY(-4px);border-color:rgba(240,97,74,.65);box-shadow:0 8px 28px rgba(240,97,74,.2)}.h3-block-card__icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;flex-shrink:0}.h3-block-card--wide .h3-block-card__icon-wrap{margin-bottom:0;width:56px;height:56px}[data-tag=commerce] .h3-block-card__icon-wrap{background:rgba(255,75,61,.18)}[data-tag=booking] .h3-block-card__icon-wrap{background:rgba(29,158,117,.18)}[data-tag=content] .h3-block-card__icon-wrap{background:rgba(255,75,61,.18)}[data-tag=engagement] .h3-block-card__icon-wrap{background:rgba(240,97,74,.18)}.h3-block-card__icon{font-size:26px;line-height:1}.h3-block-card--wide .h3-block-card__icon{font-size:28px}.h3-block-card__name{font-family:var(--font-space-grotesk),var(--h3-syne),sans-serif;font-size:14px;font-weight:700;color:#fff;margin:0 0 5px}.h3-block-card__desc{font-size:12px;color:hsla(0,0%,100%,.5);line-height:1.5;margin:0}.h3-block-card__tag{display:inline-block;margin-top:12px;font-size:10px;font-weight:700;border-radius:999px;padding:3px 10px;letter-spacing:.06em;text-transform:uppercase}.h3-block-card__tag--commerce{background:rgba(255,75,61,.2);color:#fff1ef}.h3-block-card__tag--booking{background:rgba(29,158,117,.2);color:#6ee7b7}.h3-block-card__tag--content{background:rgba(255,75,61,.2);color:#ffd35c}.h3-block-card__tag--engagement{background:rgba(240,97,74,.2);color:#fca5a5}.h2-blocks-section{background:#fafafb!important;padding:5rem 2rem!important}.h2-blocks-inner{max-width:1200px;margin:0 auto}.h2-blocks-header{text-align:center;margin-bottom:3rem}.h2-blocks-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff4b3d;background:rgba(255,75,61,.08);padding:6px 14px;border-radius:999px;margin-bottom:1rem}.h2-blocks-headline{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-.025em;color:#1a0f2e;margin:0 0 .5rem}.h2-blocks-subhead{font-size:1rem;color:#6b7280;margin:0}.h2-blocks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:1024px){.h2-blocks-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.h2-blocks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.h2-blocks-grid{grid-template-columns:1fr}}.h2-block-card{background:#fff;border-radius:16px;padding:14px;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px;min-height:180px;position:relative;overflow:hidden;transition:all .2s ease;cursor:default}.h2-block-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(255,75,61,.08);border-color:rgba(255,75,61,.2)}.h2-block-top{display:flex;justify-content:space-between;align-items:flex-start}.h2-block-icon{font-size:1.4rem;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff1ef}.h2-block-card.commerce .h2-block-icon{background:#fff7ed}.h2-block-card.content .h2-block-icon{background:#fff1ef}.h2-block-card.engagement .h2-block-icon{background:#fff1f2}.h2-block-card.booking .h2-block-icon{background:#ecfdf5}.h2-block-cat{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px}.h2-block-card.commerce .h2-block-cat{background:#fed7aa;color:#9a3412}.h2-block-card.content .h2-block-cat{background:#fff6db;color:#0f1741}.h2-block-card.engagement .h2-block-cat{background:#fecdd3;color:#9f1239}.h2-block-card.booking .h2-block-cat{background:#a7f3d0;color:#065f46}.h2-block-preview{flex:1;background:#fafafb;border-radius:10px;padding:8px;display:flex;flex-direction:column;justify-content:center;min-height:70px;overflow:hidden}.h2-block-name{font-size:.92rem;font-weight:700;color:#1a0f2e;margin:0}.h2-block-desc{font-size:.78rem;color:#6b7280;line-height:1.4;margin:0}@media (max-width:1024px){.h3-landing-hero-inner{grid-template-columns:1fr!important;padding:5rem 2rem 3rem!important}}@media (min-width:1400px){.h3-landing-hero-inner{max-width:1320px!important;padding:6rem 4rem 0!important}}@media (min-width:1600px){.h3-landing-hero-inner{max-width:1400px!important}}.h2-how-section{background:#fff;padding:3rem 2rem!important;position:relative;overflow:hidden}.h2-how-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,75,61,.06) 1px,transparent 0);background-size:24px 24px;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 70%)}.h2-how-inner{max-width:1180px;margin:0 auto;position:relative;z-index:1}.h2-how-head-wrap{text-align:center}.h2-how-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff4b3d;margin-bottom:1rem;padding:6px 14px;background:rgba(255,75,61,.08);border-radius:999px}.h2-how-headline{font-size:clamp(1.6rem,3vw,2.2rem)!important;font-weight:700;letter-spacing:-.025em;line-height:1.05;color:#1a0f2e;margin:0 0 .25rem!important;text-align:center}.h2-how-subhead{font-size:.9rem!important;color:#6b7280;text-align:center!important;max-width:540px;margin:0 auto 1.75rem!important}.h2-how-tabs{display:flex!important;flex-direction:column!important;gap:6px!important;padding:1.25rem 1rem!important;background:#faf7f0!important;border-right:1px solid rgba(255,75,61,.1)!important;border-radius:0!important;width:auto!important}.h2-how-tabs:before{content:"STEPS";display:block;font-size:.65rem;font-weight:800;letter-spacing:.15em;color:#ff4b3d;padding:4px 16px 8px;text-transform:uppercase}.h2-how-tab{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border-radius:12px!important;font-size:.95rem!important;font-weight:700!important;color:#1a0f2e!important;opacity:.5;background:transparent!important;border:2px solid transparent!important;cursor:pointer!important;text-align:left!important;width:100%;position:relative;transition:all .2s ease!important;white-space:nowrap}.h2-how-tab:hover{opacity:.8!important;background:hsla(0,0%,100%,.6)!important}.h2-how-tab.active{opacity:1!important;background:#fff!important;border:2px solid #1a0f2e!important;box-shadow:3px 3px 0 #1a0f2e!important;color:#1a0f2e!important}.h2-how-tab.active:before{display:none!important}.h2-how-tab-num{width:26px!important;height:26px!important;border-radius:8px!important;background:rgba(255,75,61,.1)!important;color:#ff4b3d!important;font-size:.8rem!important;font-weight:800!important;font-variant-numeric:tabular-nums!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;transition:all .25s ease}.h2-how-tab.active .h2-how-tab-num{background:var(--piick-red)!important;color:#fff!important;box-shadow:0 2px 8px rgba(255,75,61,.3)!important}.h2-how-panel{grid-template-columns:240px 1fr!important;background:#fff;border:2px solid #1a0f2e!important;border-radius:16px!important;overflow:hidden;box-shadow:6px 6px 0 #1a0f2e!important}.h2-how-panel,.h2-how-panel-inner{min-height:380px!important;display:grid!important}.h2-how-panel-inner{grid-template-columns:1fr 1fr!important}.h2-how-panel-content{animation:fadeSlide .35s cubic-bezier(.4,0,.2,1)}.h2-how-panel-left{padding:2.5rem 2rem 2rem!important;display:flex;flex-direction:column;justify-content:flex-start!important;gap:.75rem!important;background:#fff}.h2-how-step-eyebrow{font-size:.7rem!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase;color:#ff4b3d!important;background:rgba(255,75,61,.1)!important;padding:4px 10px!important;border-radius:999px!important;width:fit-content!important}.h2-how-step-title{font-size:1.6rem!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.02em!important;color:#1a0f2e;margin:0}.h2-how-step-body{font-size:.92rem!important;line-height:1.6!important;color:#4b5563!important;margin:0;max-width:360px}.h2-how-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:.5rem!important}.h2-how-pill{font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:999px;background:#fff1ef;color:#0f1741;border:1px solid rgba(255,75,61,.15)}.h2-how-pill.success{background:#ecfdf5;color:#047857;border-color:rgba(16,185,129,.2)}.h2-how-pill.amber{background:#fffbeb;color:#92400e;border-color:rgba(245,158,11,.2)}.h2-how-panel-right{background:var(--piick-bg-cream-soft);padding:1.5rem!important;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.h2-how-panel-right:after,.h2-how-panel-right:before{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.4;pointer-events:none}.h2-how-panel-right:before{width:200px;height:200px;background:#ffd35c;top:-60px;right:-40px}.h2-how-panel-right:after{width:240px;height:240px;background:#fbcfe8;bottom:-80px;left:-60px}.h2-how-visual-wrap{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.h2-how-visual-wrap--theme{gap:20px}.h2-how-phone{width:180px!important;aspect-ratio:9/18;border-radius:32px;border:8px solid #1a0f2e;background:#fff;overflow:hidden;position:relative;z-index:1;box-shadow:0 24px 60px rgba(26,15,46,.18)}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blockSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes chipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width:768px){.h2-how-panel{grid-template-columns:1fr!important}.h2-how-tabs{flex-direction:row!important;overflow-x:auto;border-right:none!important;border-bottom:1px solid rgba(0,0,0,.06)!important}.h2-how-tab.active:before{display:none}.h2-how-panel-inner{grid-template-columns:1fr!important}}.h3-demo{--ease-pop:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0.22,1,0.36,1);--demo-scale:0.7627;max-width:1200px;margin:0 auto;padding:clamp(72px,9vw,110px) clamp(16px,4vw,40px);scroll-margin-top:56px}.h3-demo__head{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;margin-bottom:clamp(36px,5vw,52px)}.h3-demo__headline{font-family:var(--piick-font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--piick-text-black);margin:0}.h3-demo__sub{color:var(--piick-text-muted);font-size:1rem;line-height:1.6;max-width:600px;margin:0}.h3-demo__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.h3-demo__chrome{position:relative;background:#fff;border:2px solid var(--h3-ink);border-radius:16px;box-shadow:8px 8px 0 var(--h3-ink)}.h3-demo__chrome.is-in{animation:h3d-rise .55s var(--ease-out) both}.h3-demo__badge{position:absolute;top:-15px;left:64px;z-index:5;transform:rotate(-4deg);background:var(--piick-yellow);border:2px solid var(--h3-ink);border-radius:4px;box-shadow:2px 2px 0 var(--h3-ink);padding:6px 14px;font-family:var(--piick-font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--h3-ink)}.h3-demo__badge:after,.h3-demo__badge:before{content:"";position:absolute;width:26px;height:12px;background:hsla(42,50%,96%,.75);border:1px solid rgba(15,23,65,.12)}.h3-demo__badge:before{top:-8px;left:-12px;transform:rotate(-38deg)}.h3-demo__badge:after{bottom:-8px;right:-12px;transform:rotate(-38deg)}.h3-demo__titlebar{display:flex;align-items:center;gap:12px;height:48px;padding:0 14px;background:var(--h3-bg);border-bottom:2px solid var(--h3-ink);border-radius:14px 14px 0 0}.h3-demo__titledots{display:flex;gap:5px;flex-shrink:0}.h3-demo__titledots i{width:10px;height:10px;border:1.5px solid var(--h3-ink);border-radius:50%}.h3-demo__titleurl{flex:1;text-align:center;font-family:var(--piick-font-mono);font-size:12px;color:var(--h3-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h3-demo__publish{font-family:var(--h3-dm);font-weight:700;font-size:13px;padding:6px 16px;background:#fff;border:2px solid var(--h3-ink);border-radius:999px;box-shadow:2px 2px 0 var(--h3-ink);transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.h3-root a.h3-demo__publish,.h3-root a.h3-demo__publish:visited{color:var(--h3-ink)}.h3-demo__publish:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--h3-ink)}.h3-demo__publish:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--h3-ink)}.h3-demo__interior{display:grid;grid-template-columns:250px minmax(0,1fr) 290px;height:640px}.h3-demo__rail{background:var(--h3-bg);border-right:2px solid var(--h3-ink);padding:14px 12px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.h3-demo__rail::-webkit-scrollbar{display:none}.h3-demo__rail-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--piick-font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--h3-muted);margin-bottom:10px;padding:0 4px}.h3-demo__row{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 10px;margin-bottom:6px;background:#fff;border:2px solid rgba(15,23,65,.14);border-radius:10px;cursor:pointer;font-family:var(--h3-dm);text-align:left;transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease}.h3-demo__row:hover{border-color:var(--h3-ink);transform:translateY(-1px)}.h3-demo__row:active{transform:scale(.97)}.h3-demo__row.is-on{border-color:var(--h3-ink);box-shadow:2px 2px 0 var(--h3-ink)}.h3-demo__row-icon{width:30px;height:30px;border-radius:8px;background:#fff0ec;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.h3-demo__row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.h3-demo__row-name{font-size:13px;font-weight:700;color:var(--h3-ink);line-height:1.25}.h3-demo__row-niche{font-family:var(--piick-font-mono);font-size:9.5px;color:var(--h3-muted);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h3-demo__stamp{width:20px;height:20px;border:2px solid rgba(15,23,65,.35);border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.h3-demo__row.is-on .h3-demo__stamp{background:var(--h3-coral);border-color:var(--h3-coral);animation:h3d-stamp .24s var(--ease-pop)}.h3-demo__canvas{background:var(--h3-bg);background-image:radial-gradient(circle,rgba(15,23,65,.14) 1px,transparent 0);background-size:18px 18px;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.h3-demo__phone{width:290px;height:596px;border:2px solid var(--h3-ink);border-radius:30px;box-shadow:6px 6px 0 var(--h3-ink);flex-direction:column;overflow:hidden}.h3-demo__phone,.h3-demo__phone-top{background:#fff;display:flex;flex-shrink:0}.h3-demo__phone-top{height:26px;align-items:center;justify-content:center;position:relative;z-index:2}.h3-demo__phone-notch{width:64px;height:14px;background:var(--h3-ink);border-radius:999px}.h3-demo__phone-time{position:absolute;left:14px;font-family:var(--piick-font-mono);font-size:9px;font-weight:700;color:var(--h3-ink)}.h3-demo__screen{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}.h3-demo__iframe{position:absolute;top:0;left:0;width:375px;height:calc(100% / var(--demo-scale));border:0;transform:scale(var(--demo-scale));transform-origin:0 0;opacity:0;transition:opacity .35s ease}.h3-demo__iframe.is-ready{opacity:1}.h3-demo__skeleton{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 18px;transition:opacity .3s ease}.h3-demo__skeleton.is-hidden{opacity:0;pointer-events:none}.h3-demo__skel{display:block;border-radius:8px;background:linear-gradient(100deg,#f1ede4 40%,#faf7f0 50%,#f1ede4 60%);background-size:200% 100%;animation:h3d-shimmer 1.4s ease-in-out infinite}.h3-demo__skel--avatar{width:56px;height:56px;border-radius:50%}.h3-demo__skel--line{height:10px;border-radius:999px}.h3-demo__skel--card{width:100%;height:96px}.h3-demo__ph-foot{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 0 9px;font-family:var(--piick-font-mono);font-size:8.5px;letter-spacing:.08em;color:#999;border-top:1px solid rgba(15,23,65,.08);background:#fff;position:relative;z-index:2}.h3-demo__ph-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:h3d-pulse 2s ease-in-out infinite}.h3-demo__panel{background:#fff;border-left:2px solid var(--h3-ink);border-radius:0 0 14px 0;display:flex;flex-direction:column;overflow:hidden}.h3-demo__panel-body{flex:1;overflow-y:auto;scrollbar-width:none;padding:16px 14px;animation:h3d-fade .25s ease}.h3-demo__panel-body::-webkit-scrollbar{display:none}.h3-demo__panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.h3-demo__panel-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--piick-font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--h3-ink);background:#fff0ec;padding:5px 10px;border-radius:999px}.h3-demo__tplcard{border:1.5px solid rgba(15,23,65,.12);border-radius:12px;padding:12px;margin-bottom:12px;background:var(--piick-bg-cream-soft)}.h3-demo__tpl-brand{font-family:var(--h3-syne);font-weight:800;font-size:16px;color:var(--h3-ink)}.h3-demo__tpl-pitch{font-size:12px;color:var(--h3-muted);line-height:1.5;margin:4px 0 10px}.h3-demo__tpl-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.h3-demo__tpl-bullets li{position:relative;padding-left:16px;font-size:12px;font-weight:600;color:var(--h3-ink)}.h3-demo__tpl-bullets li:before{content:"✓";position:absolute;left:0;color:var(--h3-coral);font-weight:800;font-size:11px}.h3-demo__panel-cta{display:block;text-align:center;background:var(--h3-ink);border:2px solid var(--h3-ink);border-radius:999px;padding:9px 14px;font-family:var(--h3-dm);font-weight:700;font-size:13px;box-shadow:2px 2px 0 var(--h3-coral);transition:transform .15s ease,box-shadow .15s ease;margin-bottom:12px}.h3-root a.h3-demo__panel-cta,.h3-root a.h3-demo__panel-cta:visited{color:#fff}.h3-demo__panel-cta:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--h3-coral)}.h3-demo__panel-cta:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--h3-coral)}.h3-demo__ctrl-hint{font-size:11.5px;color:var(--h3-muted);line-height:1.55;background:var(--h3-bg);border-radius:10px;padding:9px 11px;margin:0}.h3-demo__ctrl-label{font-family:var(--piick-font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--h3-muted);margin-bottom:8px}.h3-demo__pagestyle{border-top:2px dashed rgba(15,23,65,.22);padding:12px 14px 14px;flex-shrink:0;background:#fff;border-radius:0 0 14px 0}.h3-demo__swatches{display:flex;gap:8px;margin-bottom:10px}.h3-demo__swatch{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px rgba(15,23,65,.2);cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .15s ease}.h3-demo__swatch:hover{transform:scale(1.12)}.h3-demo__swatch.is-on{box-shadow:0 0 0 2px var(--h3-ink);animation:h3d-tick .16s var(--ease-pop)}.h3-demo__seg{display:flex;background:var(--h3-bg);border:1.5px solid rgba(15,23,65,.15);border-radius:999px;padding:3px}.h3-demo__seg-btn{flex:1;border:none;background:transparent;font-family:var(--h3-dm);font-size:11.5px;font-weight:700;color:var(--h3-muted);padding:6px 0;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.h3-demo__seg-btn.is-on{background:var(--h3-ink);color:#fff;animation:h3d-tick .16s var(--ease-pop)}.h3-demo__cta{margin-top:32px;background:var(--h3-ink);border:2px solid var(--h3-ink);border-radius:12px;box-shadow:4px 4px 0 var(--h3-coral);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.h3-demo__cta-headline{font-family:var(--h3-syne);font-weight:700;font-size:clamp(16px,2vw,20px);color:var(--piick-bg-cream)}.h3-demo__cta-chip{display:inline-block;margin-top:6px;font-family:var(--piick-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--h3-teal);border:1px solid rgba(126,219,181,.4);padding:3px 10px;border-radius:999px;animation:h3d-fade .3s ease}.h3-demo__claim{display:flex;align-items:center;background:#fff;border:2px solid var(--h3-ink);border-radius:999px;padding:4px 4px 4px 14px;gap:2px;min-width:300px}.h3-demo__claim-prefix{color:var(--h3-muted)}.h3-demo__claim-input,.h3-demo__claim-prefix{font-family:var(--piick-font-mono);font-size:12.5px}.h3-demo__claim-input{border:none;outline:none;background:transparent;color:var(--h3-ink);flex:1;min-width:60px;width:90px}.h3-demo__claim-btn{background:var(--h3-coral);color:#fff;font-family:var(--h3-dm);font-weight:700;font-size:13px;padding:9px 16px;border:none;border-radius:999px;cursor:pointer;white-space:nowrap;transition:transform .12s ease,background .15s ease}.h3-demo__claim-btn:hover{background:var(--piick-red-hover)}.h3-demo__claim-btn:active{transform:scale(.96)}@keyframes h3d-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes h3d-stamp{0%{transform:scale(.5)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes h3d-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes h3d-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes h3d-tick{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes h3d-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.h3-demo :is(button,a,input):focus-visible{outline:2px solid var(--h3-coral);outline-offset:2px}@media (min-width:900px) and (max-width:1119px){.h3-demo__interior{grid-template-columns:220px minmax(0,1fr) 264px}}@media (max-width:899px){.h3-demo__interior{grid-template-columns:minmax(0,1fr);height:auto}.h3-demo__rail{border-right:none;border-bottom:2px solid var(--h3-ink);padding:12px;overflow:visible;min-width:0}.h3-demo__rail-rows{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}.h3-demo__rail-rows::-webkit-scrollbar{display:none}.h3-demo__row{flex:0 0 auto;width:auto;margin-bottom:0;scroll-snap-align:start;min-height:48px}.h3-demo__row-niche{display:none}.h3-demo__canvas{padding:20px 14px}.h3-demo__panel{border-left:none;border-top:2px solid var(--h3-ink)}.h3-demo__pagestyle,.h3-demo__panel{border-radius:0 0 14px 14px}}@media (max-width:480px){.h3-demo{padding:64px 14px}.h3-demo__chrome{box-shadow:4px 4px 0 var(--h3-ink)}.h3-demo__badge{top:-32px;left:auto;right:6px;padding:5px 10px;font-size:10px}.h3-demo__titleurl{font-size:10.5px}.h3-demo__phone{width:min(290px,100%)}.h3-demo__cta{flex-direction:column;align-items:stretch}.h3-demo__claim{min-width:0}}@media (prefers-reduced-motion:reduce){.h3-demo *,.h3-demo :after,.h3-demo :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}