@font-face{font-family:Prompt;src:url('/brand/shortcut-library/fonts/prompt-thai-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0E00-0E7F,U+200C-200D,U+25CC}
@font-face{font-family:Prompt;src:url('/brand/shortcut-library/fonts/prompt-thai-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0E00-0E7F,U+200C-200D,U+25CC}
@font-face{font-family:Prompt;src:url('/brand/shortcut-library/fonts/prompt-thai-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0E00-0E7F,U+200C-200D,U+25CC}

.sl-page{
  --sl-red:#e11d2e;--sl-red-dark:#c21424;--sl-red-soft:#fdecee;--sl-ink:#141414;--sl-muted:#5c5c66;
  --sl-bg:#fff;--sl-surface:#f7f7f8;--sl-border:#ececef;--sl-radius:20px;--sl-shadow:0 1px 2px rgba(20,20,20,.04),0 12px 32px -12px rgba(20,20,20,.12);
  margin:0;background:var(--sl-bg);color:var(--sl-ink);font-family:Prompt,-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,sans-serif;font-size:16px;line-height:1.65;color-scheme:light;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility
}
.sl-page *{box-sizing:border-box}
.sl-page a{color:inherit;text-decoration:none}
:where(.sl-page) :where(h1,h2,h3,p,ul,ol,dl,dd){margin:0}
.sl-page ul,.sl-page ol{padding:0;list-style:none}
.sl-page button,.sl-page summary{font:inherit;color:inherit}
.sl-page [hidden]{display:none!important}
.sl-page :focus-visible{outline:3px solid var(--sl-red);outline-offset:3px;border-radius:8px}
.sl-container{width:min(1160px,100% - 40px);margin-inline:auto}
.sl-skip{position:absolute;left:16px;top:-60px;z-index:20;padding:10px 16px;border-radius:10px;background:var(--sl-ink);color:#fff!important}
.sl-skip:focus{top:12px}

/* Header */
.sl-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--sl-border)}
.sl-header-inner{display:flex;align-items:center;gap:28px;height:64px}
.sl-wordmark{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:19px;letter-spacing:-.02em}
.sl-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--sl-red);color:#fff;font-size:13px;font-weight:700;letter-spacing:0}
.sl-nav{display:flex;gap:24px;margin-left:auto;font-size:15px;color:var(--sl-muted)}
.sl-nav a{padding:6px 0;transition:color .15s}
.sl-nav a:hover{color:var(--sl-ink)}
.sl-header-cta{padding:9px 18px;border-radius:999px;background:var(--sl-ink);color:#fff!important;font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s}
.sl-header-cta:hover{background:var(--sl-red)}

/* Buttons */
.sl-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;font-weight:600;font-size:16px;transition:background .15s,transform .15s,box-shadow .15s,border-color .15s}
.sl-button-primary{background:var(--sl-red);color:#fff!important;box-shadow:0 10px 24px -10px rgba(225,29,46,.7)}
.sl-button-primary:hover{background:var(--sl-red-dark);transform:translateY(-1px)}
.sl-button-primary:active{transform:translateY(0)}
.sl-button-ghost{border:1px solid var(--sl-border);background:#fff}
.sl-button-ghost:hover{border-color:var(--sl-ink)}
.sl-button-full{width:100%}

/* Shared type */
.sl-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--sl-red);font-size:14px;font-weight:600}
.sl-dot{width:8px;height:8px;border-radius:50%;background:var(--sl-red);box-shadow:0 0 0 4px var(--sl-red-soft)}
.sl-independent{color:var(--sl-muted);font-size:13px;line-height:1.55}

/* Hero */
.sl-hero{position:relative;overflow:hidden;padding:72px 0 88px;background:radial-gradient(900px 420px at 85% 10%,var(--sl-red-soft),transparent 70%)}
.sl-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.sl-hero h1{margin-top:18px;font-size:clamp(38px,5.4vw,62px);line-height:1.18;letter-spacing:-.01em;font-weight:700}
.sl-hero h1 .sl-nowrap{white-space:nowrap}
.sl-hero h1 .sl-accent{display:block;color:var(--sl-red)}
.sl-lead{max-width:540px;margin-top:20px;color:var(--sl-muted);font-size:18px}
.sl-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.sl-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.sl-hero-meta li{padding:6px 14px;border-radius:999px;background:var(--sl-surface);border:1px solid var(--sl-border);font-size:14px;color:var(--sl-muted)}
.sl-hero-note{margin-top:18px}

.sl-hero-art{position:relative;display:flex;justify-content:center;padding:24px 0}
.sl-device{position:relative;width:min(380px,100%);padding:22px;border-radius:36px;background:#fff;border:1px solid var(--sl-border);box-shadow:0 40px 80px -36px rgba(20,20,20,.35),0 0 0 10px rgba(255,255,255,.6)}
.sl-device-top{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:700;font-size:17px}
.sl-device-count{margin-left:auto;padding:2px 10px;border-radius:999px;background:var(--sl-red-soft);color:var(--sl-red);font-size:13px}
.sl-tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sl-tile{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:104px;padding:14px;border-radius:18px;color:#fff;font-size:14px;font-weight:600;line-height:1.35}
.sl-tile .sl-icon{width:26px;height:26px;stroke:#fff}
.sl-tile-1{background:linear-gradient(140deg,#ef3b4b,#c21424)}
.sl-tile-2{background:linear-gradient(140deg,#2a2a2e,#141414)}
.sl-tile-3{background:linear-gradient(140deg,#ff6b6b,#e11d2e)}
.sl-tile-4{background:linear-gradient(140deg,#f7f7f8,#ececef);color:var(--sl-ink)}
.sl-tile-4 .sl-icon{stroke:var(--sl-red)}
.sl-tile-5{background:linear-gradient(140deg,#b3121f,#7f0d16)}
.sl-tile-6{background:linear-gradient(140deg,#fff,#fdecee);color:var(--sl-ink);border:1px solid #f6d2d6}
.sl-tile-6 .sl-icon{stroke:var(--sl-red)}
.sl-float{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:#fff;border:1px solid var(--sl-border);box-shadow:var(--sl-shadow);font-weight:700;font-size:14px;animation:sl-bob 6s ease-in-out infinite}
.sl-float .sl-icon{width:20px;height:20px;stroke:var(--sl-red)}
.sl-float-a{top:0;left:0}
.sl-float-b{bottom:10%;right:0;animation-delay:-3s}
@keyframes sl-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.sl-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Sections */
.sl-section{padding:88px 0}
.sl-section-heading{max-width:640px;margin-bottom:36px}
.sl-section-heading h2{margin-top:10px;font-size:clamp(28px,3.6vw,40px);line-height:1.25;font-weight:700}
.sl-section-heading > p:not(.sl-eyebrow){margin-top:12px;color:var(--sl-muted)}

/* Library */
.sl-library{background:var(--sl-surface);border-block:1px solid var(--sl-border)}
.sl-filters{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.sl-filters::-webkit-scrollbar{display:none}
.sl-chip{flex:none;padding:8px 16px;border-radius:999px;border:1px solid var(--sl-border);background:#fff;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.sl-chip:hover{border-color:var(--sl-ink)}
.sl-chip[aria-pressed="true"]{background:var(--sl-ink);border-color:var(--sl-ink);color:#fff}
.sl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sl-card{display:flex;gap:16px;padding:22px;border-radius:var(--sl-radius);background:#fff;border:1px solid var(--sl-border);transition:border-color .15s,box-shadow .2s,transform .2s}
.sl-card:hover{border-color:#f3c3c8;box-shadow:var(--sl-shadow);transform:translateY(-2px)}
.sl-card-icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#fff}
.sl-cat-video{background:linear-gradient(140deg,#ef3b4b,#c21424)}
.sl-cat-coupon{background:linear-gradient(140deg,#ff6b6b,#e11d2e)}
.sl-cat-photo{background:linear-gradient(140deg,#2a2a2e,#141414)}
.sl-cat-tools{background:linear-gradient(140deg,#b3121f,#7f0d16)}
.sl-cat-daily{background:var(--sl-red-soft);color:var(--sl-red)}
.sl-cat-focus{background:#f0f0f2;color:var(--sl-ink)}
.sl-card-category{color:var(--sl-muted);font-size:13px}
.sl-card h3{margin-top:2px;font-size:17px;line-height:1.4;font-weight:600}
.sl-card h3 + p{margin-top:6px;color:var(--sl-muted);font-size:14.5px;line-height:1.6}
.sl-library-cta{display:flex;justify-content:center;margin-top:36px}

/* Install */
.sl-install-grid{display:grid;grid-template-columns:1fr minmax(0,440px);gap:56px;align-items:center}
.sl-install-intro > p:not(.sl-eyebrow){margin-top:14px;color:var(--sl-muted);font-size:17px;max-width:480px}
.sl-install-intro h2{margin-top:10px;font-size:clamp(28px,3.6vw,40px);line-height:1.25;font-weight:700}
.sl-install-card{padding:28px;border-radius:28px;background:#fff;border:1px solid var(--sl-border);box-shadow:var(--sl-shadow)}
.sl-install-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.sl-install-head h3{font-size:20px;font-weight:700;line-height:1.3}
.sl-install-head span:not(.sl-app-icon){color:var(--sl-muted);font-size:14px}
.sl-app-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(140deg,#ef3b4b,#c21424);color:#fff;font-weight:700;font-size:20px;box-shadow:0 10px 20px -10px rgba(225,29,46,.8)}
.sl-install-caption{margin-bottom:18px;padding:10px 14px;border-radius:12px;background:var(--sl-surface);color:var(--sl-muted);font-size:14px}
.sl-file-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.sl-file-specs div{padding:10px 12px;border-radius:12px;background:var(--sl-surface)}
.sl-file-specs dt{color:var(--sl-muted);font-size:12px}
.sl-file-specs dd{font-weight:600;font-size:15px}
.sl-footnote{margin-top:14px;color:var(--sl-muted);font-size:13px;line-height:1.55}
.sl-pending{display:flex;gap:12px;margin-top:16px;padding:14px;border-radius:14px;background:var(--sl-red-soft);border:1px solid #f6d2d6}
.sl-pending > span{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sl-red);color:#fff;font-size:13px;font-weight:700}
.sl-pending strong{display:block;font-size:14.5px}
.sl-pending p{color:var(--sl-muted);font-size:13.5px;line-height:1.5}
.sl-ready{margin-top:14px;color:#137a3a;font-size:14px;font-weight:600}
.sl-install-card .sl-independent{margin-top:16px;padding-top:14px;border-top:1px dashed var(--sl-border)}

/* Steps */
.sl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:step}
.sl-steps li{padding:26px;border-radius:var(--sl-radius);background:var(--sl-surface);border:1px solid var(--sl-border)}
.sl-step-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sl-red);color:#fff;font-weight:700}
.sl-steps h3{margin-top:16px;font-size:18px;font-weight:600;line-height:1.4}
.sl-steps p{margin-top:6px;color:var(--sl-muted);font-size:15px}

/* FAQ */
.sl-faq-section{background:var(--sl-surface);border-top:1px solid var(--sl-border)}
.sl-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.sl-faq{display:grid;gap:10px}
.sl-faq details{border-radius:16px;background:#fff;border:1px solid var(--sl-border)}
.sl-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:600;cursor:pointer;list-style:none}
.sl-faq summary::-webkit-details-marker{display:none}
.sl-faq-plus{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sl-surface);color:var(--sl-red);font-size:18px;transition:transform .2s}
.sl-faq details[open] .sl-faq-plus{transform:rotate(45deg)}
.sl-faq details p{padding:0 22px 20px;color:var(--sl-muted)}

/* Footer */
.sl-footer{padding:44px 0 36px;border-top:1px solid var(--sl-border)}
.sl-footer-top{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.sl-footer-top p{color:var(--sl-muted);font-size:15px}
.sl-footer-top > a:last-child{margin-left:auto;color:var(--sl-muted);font-size:14px}
.sl-footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--sl-border);color:var(--sl-muted);font-size:13px}

@media (max-width:960px){
  .sl-hero-grid,.sl-install-grid,.sl-faq-grid{grid-template-columns:1fr;gap:40px}
  .sl-cards{grid-template-columns:repeat(2,1fr)}
  .sl-hero-art{order:-1;padding:0}
  .sl-install-card{max-width:520px}
}
@media (max-width:720px){
  .sl-container{width:min(1160px,100% - 32px)}
  .sl-nav{display:none}
  .sl-header-cta{margin-left:auto;padding:8px 14px;font-size:13px}
  .sl-hero{padding:32px 0 56px}
  .sl-hero-grid{gap:28px}
  .sl-hero-art{order:1}
  .sl-device{padding:16px;border-radius:28px}
  .sl-tile{min-height:88px;padding:12px;font-size:13px}
  .sl-float{display:none}
  .sl-lead{font-size:16.5px}
  .sl-hero-actions .sl-button{flex:1 1 100%}
  .sl-section{padding:60px 0}
  .sl-cards,.sl-steps{grid-template-columns:1fr}
  .sl-card{padding:18px}
  .sl-install-card{padding:22px;border-radius:24px}
  .sl-filters{margin-inline:-16px;padding-inline:16px}
  .sl-footer-top > a:last-child{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .sl-page *{animation:none!important;transition:none!important}
}