.h3-root{--h3-bg:#f8f7ff;--h3-ink:#0d0b1e;--h3-purple:#5b4fcf;--h3-indigo:#6366f1;--h3-teal:#1d9e75;--h3-red:#f0614a;--h3-white:#fff;--h3-muted:#888;--h3-border:2px solid #0d0b1e;--h3-shadow:4px 4px 0 #0d0b1e;--h3-shadow-purple:4px 4px 0 #5b4fcf;--h3-radius:12px;--h3-syne:var(--font-syne),sans-serif;--h3-display:var(--font-bebas-neue),"Arial Black",sans-serif;--h3-dm:var(--font-modern),sans-serif;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]{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}[data-h3].h3-in{opacity:1;transform:translateY(0)}@keyframes h3-ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@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-purple)}}.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:rgba(248,247,255,.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{display:flex;align-items:center;gap:12px}.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-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:#c4b5fd;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:32px;animation:h3-fade-in .6s ease .7s both}.h3-hero__cta-secondary{color:var(--h3-purple);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-demo{border:var(--h3-border);border-radius:var(--h3-radius);box-shadow:6px 6px 0 var(--h3-ink);background:#fff;overflow:hidden;animation:h3-fade-in .7s ease 1s both;text-align:left}.h3-demo__bar{background:#eceaf8;border-bottom:var(--h3-border);padding:10px 16px;display:flex;align-items:center;gap:10px}.h3-demo__dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.h3-demo__url{flex:1;max-width:200px;margin:0 auto;background:#fff;border-radius:6px;padding:4px 12px;font-size:12px;color:#888;border:1px solid #ddd;text-align:center;font-family:var(--h3-dm)}.h3-demo__panels{display:grid}@media (max-width:599px){.h3-demo__panels{grid-template-columns:1fr}.h3-demo__panel--left,.h3-demo__panel--right{display:none}}@media (min-width:600px) and (max-width:899px){.h3-demo__panels{grid-template-columns:180px 1fr}.h3-demo__panel--right{display:none}}@media (min-width:900px){.h3-demo__panels{grid-template-columns:200px 1fr 200px}}.h3-demo__panel--left{border-right:var(--h3-border);background:#f5f4fe;padding:14px;min-height:380px;overflow-y:auto}.h3-demo__panel--center{background:#dddaf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;min-height:380px}.h3-demo__panel--right{border-left:var(--h3-border);background:#f5f4fe;padding:14px;overflow-y:auto}.h3-demo__label{font-size:10px;font-weight:600;color:#999;letter-spacing:.1em;margin-bottom:12px;font-family:var(--h3-dm)}.h3-demo__block-btn{display:flex;align-items:center;gap:7px;width:100%;border-radius:8px;padding:8px 10px;background:#fff;font-size:12px;font-family:var(--h3-dm);font-weight:500;cursor:pointer;text-align:left;transition:background .12s ease,border-color .12s ease;margin-bottom:6px;border:1.5px solid #ccc}.h3-demo__block-btn--active{border-color:var(--activeColor,#5b4fcf);background:color-mix(in srgb,var(--activeColor,#5b4fcf) 10%,#fff)}.h3-demo__block-btn-plus{margin-left:auto;font-size:16px;font-weight:700;color:var(--activeColor,#ccc)}.h3-phone{width:165px;height:320px;border-radius:26px;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;animation:h3-float 3.5s ease-in-out infinite}.h3-phone__notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:36px;height:4px;background:var(--h3-ink);border-radius:2px;z-index:10}.h3-phone__cover{background:var(--h3-purple);height:70px;flex-shrink:0;position:relative}.h3-phone__avatar{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:var(--h3-indigo);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-family:var(--h3-syne);font-weight:700;font-size:13px;color:#fff;z-index:2}.h3-phone__info{padding:20px 8px 6px;text-align:center;flex-shrink:0}.h3-phone__handle{font-size:10px;font-weight:700;color:var(--h3-ink);font-family:var(--h3-dm)}.h3-phone__sub{font-size:8px;color:#888;font-family:var(--h3-dm)}.h3-phone__blocks{flex:1;overflow-y:auto;padding:2px 8px 8px;scrollbar-width:none}.h3-phone__empty{text-align:center;padding:20px 0;font-size:10px;color:#ccc;font-family:var(--h3-dm)}.h3-phone__hint{font-size:11px;color:#888;font-family:var(--h3-dm)}.h3-ticker{background:var(--h3-ink);border-top:var(--h3-border);border-bottom:var(--h3-border);overflow:hidden;padding:14px 0}.h3-ticker__track{display:flex;gap:28px;width:max-content;animation:h3-ticker 30s linear infinite}.h3-ticker__item{white-space:nowrap;font-size:14px;color:#fff;font-family:var(--h3-dm)}.h3-ticker__item--gem{color:#a5b4fc;font-weight:700}.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--purple{color:var(--h3-purple)}.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(91,79,207,.1);color:var(--h3-purple);border:1.5px solid var(--h3-purple);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{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;gap:20px;width:max-content}.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)}.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:linear-gradient(145deg,rgba(99,102,241,.18),rgba(99,102,241,.07));border:1px solid rgba(99,102,241,.35)}.h3-block-card[data-tag=booking]{background:linear-gradient(145deg,rgba(29,158,117,.18),rgba(29,158,117,.07));border:1px solid rgba(29,158,117,.35)}.h3-block-card[data-tag=content]{background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(139,92,246,.07));border:1px solid rgba(139,92,246,.35)}.h3-block-card[data-tag=engagement]{background:linear-gradient(145deg,rgba(240,97,74,.18),rgba(240,97,74,.07));border:1px solid rgba(240,97,74,.35)}.h3-block-card[data-tag=commerce]:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.65);box-shadow:0 8px 28px rgba(99,102,241,.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(139,92,246,.65);box-shadow:0 8px 28px rgba(139,92,246,.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(99,102,241,.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(139,92,246,.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(99,102,241,.2);color:#a5b4fc}.h3-block-card__tag--booking{background:rgba(29,158,117,.2);color:#6ee7b7}.h3-block-card__tag--content{background:rgba(139,92,246,.2);color:#c4b5fd}.h3-block-card__tag--engagement{background:rgba(240,97,74,.2);color:#fca5a5}.h3-platforms-wrap{background:var(--h3-ink);padding:clamp(64px,8vw,96px) clamp(16px,4vw,40px)}.h3-platforms-wrap .h3-section-head{margin-bottom:clamp(36px,5vw,52px)}.h3-platforms-wrap .h3-section-title{color:#fff}.h3-platforms-wrap .h3-section-sub{color:hsla(0,0%,100%,.5)}.h3-platforms-inner{max-width:860px;margin:0 auto}.h3-platforms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:600px){.h3-platforms-grid{grid-template-columns:repeat(2,1fr)}}.h3-platform-row{display:flex;align-items:center;gap:10px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:10px 14px;transition:background .15s ease,border-color .15s ease;cursor:default}.h3-platform-row:hover{background:hsla(0,0%,100%,.11);border-color:hsla(0,0%,100%,.22)}.h3-platform-row__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.h3-platform-row__name{font-size:14px;font-weight:500;color:#fff;font-family:var(--h3-dm);flex:1}.h3-platform-row__check{font-size:11px;color:rgba(165,180,252,.8);font-weight:600;font-family:var(--h3-dm);flex-shrink:0}.subpage-thai{font-family:var(--font-home2-thai),var(--h3-dm),sans-serif}.section-subpages{background:#fafaf8;padding:80px 0;overflow:hidden}.section-subpages__inner{max-width:1100px;margin:0 auto;padding:0 24px;text-align:center}.section-subpages__badge{display:inline-block;padding:4px 12px;background:#e8d5b0;color:#92681a;font-size:10px;font-weight:800;letter-spacing:.15em;border-radius:100px;text-transform:uppercase;margin-bottom:20px}.section-subpages__headline{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.headline-thai{font-family:var(--font-home2-thai),var(--h3-dm),sans-serif;font-size:clamp(28px,5vw,48px);font-weight:800;color:#0f0f0f;line-height:1.15}.headline-en{font-family:var(--font-classic),serif;font-size:clamp(14px,2vw,18px);font-weight:400;color:#6b7280}.section-subpages__subline{font-size:13px;color:#9ca3af;letter-spacing:.03em;margin-bottom:0}.section-subpages__subline-en{font-family:var(--h3-dm),sans-serif}.subpage-examples-scroll-wrapper{width:100%;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);margin:40px 0}.subpage-examples-scroll{display:flex;gap:16px;width:max-content;animation:scrollCards 30s linear infinite;padding:8px 0 16px}.subpage-examples-scroll:hover{animation-play-state:paused}@keyframes scrollCards{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.subpage-examples-scroll{animation:none}}.subpage-example-card{flex-shrink:0;width:240px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);border:1px solid #f0f0f0;transition:transform .2s ease,box-shadow .2s ease}.subpage-example-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.12)}.subpage-example-card__url-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border-bottom:1px solid #f0f0f0}.url-bar__dots{display:flex;gap:4px}.url-bar__dots span{width:6px;height:6px;border-radius:50%;background:#e5e7eb}.url-bar__address{flex:1;font-size:10px;font-family:var(--h3-dm),monospace;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-bar__domain{color:#9ca3af}.url-bar__path{color:var(--card-accent);font-weight:700}.url-bar__share{font-size:11px;color:#9ca3af}.subpage-example-card__body{padding:14px}.subpage-example-card__header{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.subpage-example-card__emoji{font-size:20px;flex-shrink:0}.subpage-example-card__thai{font-size:13px;font-weight:700;color:#111827;margin:0;line-height:1.2}.subpage-example-card__event{font-size:11px;color:#9ca3af;margin:0}.subpage-example-card__badge{font-size:9px;font-weight:700;padding:3px 7px;border-radius:100px;white-space:nowrap;margin-left:auto;text-transform:uppercase;letter-spacing:.3px}.subpage-example-card__products{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.subpage-example-card__product{display:flex;align-items:center;gap:7px;font-size:12px;color:#374151}.subpage-example-card__product-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;opacity:.7}.subpage-example-card__footer{display:flex}.subpage-example-card__cta{width:100%;padding:8px;border-radius:8px;border:none;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s;text-align:center}.subpage-example-card__cta:hover{opacity:.85}.subpage-steps{align-items:flex-start;justify-content:center;gap:0;max-width:700px;margin:0 auto 48px}.subpage-step,.subpage-steps{display:flex;position:relative}.subpage-step{flex:1;flex-direction:column;align-items:center;text-align:center;padding:0 20px}.subpage-step__number{width:32px;height:32px;border-radius:50%;background:#0f0f0f;color:#e8d5b0;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-family:var(--font-classic),serif}.subpage-step__icon{font-size:20px;margin-bottom:8px}.subpage-step__title{font-size:14px;font-weight:700;color:#111827;margin:0 0 6px;font-family:var(--h3-dm),sans-serif}.subpage-step__desc{font-size:12px;color:#6b7280;line-height:1.5;margin:0;white-space:pre-line}.subpage-step__arrow{position:absolute;right:-8px;top:8px;color:#d1d5db;font-size:18px;z-index:1}.subpage-section-cta{text-align:center;margin-top:8px}.subpage-cta-btn{display:inline-block;padding:14px 32px;background:#0f0f0f;color:#fafaf8;border-radius:100px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s ease;letter-spacing:-.2px}.subpage-cta-btn:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.subpage-cta-note{font-size:12px;color:#9ca3af;margin-top:10px}@media (max-width:640px){.section-subpages{padding:60px 0}.subpage-steps{flex-direction:column;align-items:center;gap:24px}.subpage-step__arrow{display:none}.subpage-example-card{width:200px}}.h3-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}@media (max-width:768px){.h3-testimonials-grid{grid-template-columns:1fr}}.h3-tcard{background:#fff;border:1px solid rgba(99,102,241,.15);border-left:4px solid var(--h3-indigo);border-radius:var(--h3-radius);padding:28px;box-shadow:0 2px 16px rgba(99,102,241,.08);transition:transform .2s ease,box-shadow .2s ease}.h3-tcard:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(99,102,241,.14)}.h3-tcard__quote-mark{font-family:var(--h3-syne);font-weight:800;font-size:64px;color:#c4b5fd;line-height:.8;margin-bottom:14px}.h3-tcard__text{font-size:15px;color:var(--h3-ink);line-height:1.65;margin:0 0 18px}.h3-tcard__name{font-weight:600;font-size:14px;color:var(--h3-ink);margin-bottom:2px}.h3-tcard__followers{font-size:12px;color:#777;margin-bottom:12px}.h3-tcard__platforms{display:flex;gap:6px;flex-wrap:wrap}.h3-tcard__platform-tag{border:1.5px solid var(--h3-ink);border-radius:999px;padding:3px 11px;font-size:11px;font-weight:500}.h3-pricing-section-wrap{background:var(--h3-ink);padding:clamp(72px,9vw,110px) clamp(16px,4vw,40px);position:relative;overflow:hidden}.h3-pricing-section-wrap:before{content:"";position:absolute;inset:0;background-image:radial-gradient(hsla(0,0%,100%,.055) 1px,transparent 0);background-size:26px 26px;pointer-events:none}.h3-pricing-section-wrap:after{content:"PRICING";position:absolute;bottom:-30px;right:-10px;font-family:var(--h3-display);font-size:clamp(100px,16vw,180px);color:hsla(0,0%,100%,.022);line-height:1;pointer-events:none;user-select:none;letter-spacing:.06em}.h3-pricing-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}.h3-pricing-head{text-align:center;margin-bottom:clamp(48px,6vw,72px)}.h3-pricing-title{font-family:var(--h3-display);font-size:clamp(56px,9vw,88px);font-weight:400;letter-spacing:.05em;line-height:.95;color:#fff;margin:0 0 10px}.h3-pricing-title__accent{background:linear-gradient(135deg,#818cf8,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.h3-pricing-sub-text{font-size:clamp(15px,1.8vw,17px);color:hsla(0,0%,100%,.4);margin:0;font-family:var(--h3-dm)}.h3-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}@media (max-width:768px){.h3-pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.h3-pcard{border-radius:22px;padding:28px 26px;position:relative;display:flex;flex-direction:column;overflow:hidden;transition:transform .22s ease}.h3-pcard--starter{background:#f8f7ff;border:1.5px solid rgba(99,102,241,.12)}.h3-pcard--starter:hover{transform:translateY(-4px)}.h3-pcard--featured{background:linear-gradient(155deg,#2d2788,#4338ca 45%,#6366f1);border:1.5px solid hsla(0,0%,100%,.18);box-shadow:0 0 0 3px rgba(99,102,241,.3),0 28px 64px rgba(67,56,202,.55);padding-top:36px;margin-top:-10px}.h3-pcard--featured:hover{transform:translateY(-7px)}.h3-pcard--featured:before{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(165,180,252,.18) 0,transparent 70%);pointer-events:none}.h3-pcard--business{background:#1a1830;border:1.5px solid hsla(0,0%,100%,.09)}.h3-pcard--business:hover{transform:translateY(-4px)}.h3-pcard__badge{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.18);color:#fff;font-family:var(--h3-dm);font-size:10px;font-weight:700;padding:4px 11px;border-radius:999px;border:1px solid hsla(0,0%,100%,.28);white-space:nowrap;letter-spacing:.05em}.h3-pcard__mascot{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;flex-shrink:0}.h3-pcard--starter .h3-pcard__mascot{background:rgba(99,102,241,.1)}.h3-pcard--featured .h3-pcard__mascot{background:hsla(0,0%,100%,.14)}.h3-pcard--business .h3-pcard__mascot{background:rgba(165,180,252,.1)}.h3-pcard__tier{font-family:var(--font-space-grotesk),sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px}.h3-pcard--starter .h3-pcard__tier{color:#aaa}.h3-pcard--featured .h3-pcard__tier{color:hsla(0,0%,100%,.55)}.h3-pcard--business .h3-pcard__tier{color:hsla(0,0%,100%,.4)}.h3-pcard__for-who{font-family:var(--h3-dm);font-size:13px;font-weight:500;margin:0 0 18px}.h3-pcard--starter .h3-pcard__for-who{color:#444}.h3-pcard--featured .h3-pcard__for-who{color:hsla(0,0%,100%,.82)}.h3-pcard--business .h3-pcard__for-who{color:hsla(0,0%,100%,.6)}.h3-pcard__price{font-family:var(--h3-display);font-weight:400;font-size:clamp(72px,11vw,88px);letter-spacing:.04em;line-height:.9;margin-bottom:2px;display:flex;align-items:flex-start;gap:3px}.h3-pcard--starter .h3-pcard__price{color:var(--h3-ink)}.h3-pcard--featured .h3-pcard__price{color:#fff}.h3-pcard--business .h3-pcard__price{color:#a5b4fc}.h3-pcard__price sup{font-family:var(--font-space-grotesk),sans-serif;font-size:.3em;font-weight:700;margin-top:.18em;letter-spacing:0}.h3-pcard__price--free{background:linear-gradient(135deg,#5b4fcf,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.h3-pcard__period{font-family:var(--h3-dm);font-size:13px;margin:0 0 18px}.h3-pcard--starter .h3-pcard__period{color:#999}.h3-pcard--featured .h3-pcard__period{color:hsla(0,0%,100%,.48)}.h3-pcard--business .h3-pcard__period{color:hsla(0,0%,100%,.38)}.h3-pcard__value{display:none}.h3-pcard__rule{height:1px;margin:0 0 18px}.h3-pcard--starter .h3-pcard__rule{background:rgba(0,0,0,.07)}.h3-pcard--featured .h3-pcard__rule{background:hsla(0,0%,100%,.14)}.h3-pcard--business .h3-pcard__rule{background:hsla(0,0%,100%,.08)}.h3-pcard__features{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:9px;flex:1}.h3-pcard__feature{display:flex;gap:9px;font-family:var(--h3-dm);font-size:13px;line-height:1.5}.h3-pcard--starter .h3-pcard__feature{color:#555}.h3-pcard--featured .h3-pcard__feature{color:hsla(0,0%,100%,.83)}.h3-pcard--business .h3-pcard__feature{color:hsla(0,0%,100%,.62)}.h3-pcard__check{font-weight:700;flex-shrink:0;font-size:12px;margin-top:1px}.h3-pcard--starter .h3-pcard__check{color:var(--h3-indigo)}.h3-pcard--featured .h3-pcard__check{color:#c4b5fd}.h3-pcard--business .h3-pcard__check{color:#818cf8}.h3-pcard__cta{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 16px;border-radius:12px;font-family:var(--h3-dm);font-weight:700;font-size:14px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;border:none;letter-spacing:.01em}.h3-pcard__cta:hover{transform:translateY(-2px)}.h3-pcard__cta:active{transform:translateY(0)}.h3-pcard__cta--outline{background:var(--h3-ink);color:#fff;box-shadow:0 4px 14px rgba(13,11,30,.18)}.h3-pcard__cta--outline:hover{box-shadow:0 8px 24px rgba(13,11,30,.3)}.h3-pcard__cta--solid{background:#fff;color:#4338ca;font-weight:800;box-shadow:0 4px 20px rgba(0,0,0,.18)}.h3-pcard__cta--solid:hover{box-shadow:0 8px 32px rgba(0,0,0,.28)}.h3-pcard__cta--dark{background:hsla(0,0%,100%,.09);color:#fff;border:1px solid hsla(0,0%,100%,.14)}.h3-pcard__cta--dark:hover{background:hsla(0,0%,100%,.16)}.h3-pricing-note{text-align:center;margin-top:28px;font-family:var(--h3-dm);font-size:13px;color:hsla(0,0%,100%,.3)}.h3-cta-section{background:var(--h3-purple);padding:clamp(80px,10vw,120px) clamp(16px,4vw,40px);text-align:center;border-top:var(--h3-border);border-bottom:var(--h3-border)}.h3-cta-section .h3-section-title{color:#fff;margin-bottom:44px}.h3-cta-input-wrap{display:flex;max-width:480px;margin:0 auto 20px;background:#fff;border:var(--h3-border);border-radius:999px;box-shadow:var(--h3-shadow);overflow:hidden}.h3-cta-prefix{padding:14px 0 14px 22px;color:var(--h3-purple);font-weight:600;white-space:nowrap;flex-shrink:0}.h3-cta-input,.h3-cta-prefix{font-size:16px;font-family:var(--h3-dm)}.h3-cta-input{flex:1;border:none;outline:none;color:var(--h3-ink);background:transparent;padding:14px 8px;min-width:0}.h3-cta-claim{background:var(--h3-ink);color:#fff;border:none;border-radius:999px;margin:4px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:var(--h3-dm);transition:opacity .15s}.h3-cta-claim:hover{opacity:.85}.h3-cta-note{font-size:14px;color:hsla(0,0%,100%,.6);margin:0}.h3-footer{background:var(--h3-bg);border-top:var(--h3-border);padding:36px clamp(16px,4vw,40px)}.h3-footer__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.h3-footer__brand{display:flex;align-items:center;gap:8px}.h3-footer__brand-mark{width:22px;height:22px;background:var(--h3-ink);border-radius:5px;display:flex;align-items:center;justify-content:center}.h3-footer__brand-mark span{color:#fff;font-family:var(--h3-syne);font-weight:800;font-size:10px}.h3-footer__copy{font-size:13px;color:#555}.h3-footer__links{display:flex;gap:24px;flex-wrap:wrap}.h3-footer__link{font-size:13px;color:#555;transition:color .15s}.h3-footer__link:hover{color:var(--h3-ink)}.h3-footer__tagline{font-size:13px;color:#555}