@layer skin{[data-template=playful]{--bg:var(--brand-paper);--fg:var(--brand-ink);--muted:color-mix(in oklab, var(--brand-ink) 74%, var(--brand-paper));--surface:white;--line:var(--brand-ink);--sun:color-mix(in oklab, var(--brand-primary) 30%, #ffd23f);--dark-bg:var(--brand-dark);--tint-bg:color-mix(in oklab, var(--brand-accent) 25%, var(--brand-paper));--focus:var(--brand-ink);--display-weight:700;--display-tracking:-.01em;--display-leading:1.02;--body-size:clamp(1rem, .96rem + .2vw, 1.125rem);--h1:clamp(2.25rem, 1.7218rem + 2.2535vw, 3.75rem);--h2:clamp(1.875rem, 1.5229rem + 1.5023vw, 2.875rem);--radius-s:14px;--radius:22px;--radius-l:28px;--btn-pad:.95em 1.6em;--btn-weight:700;--container:1200px;--nav-h:84px;--nav-weight:700;--shadow:6px 6px 0 var(--brand-ink);--menu-bg:var(--brand-primary);--menu-fg:var(--brand-ink);--menu-btn-bg:var(--brand-ink);--menu-btn-fg:var(--brand-paper);--menu-meta:var(--brand-ink)}[data-template=playful][lang|=ar]{--ar-scale:1;--ar-h1-scale:.8}[data-template=playful] h3{font-weight:600}[data-template=playful] .btn{border:3px solid var(--brand-ink);box-shadow:4px 4px 0 var(--brand-ink);transition:transform .15s,box-shadow .15s,background-color .2s}[data-template=playful] .btn:active{box-shadow:0 0 0 var(--brand-ink);transform:translate(4px,4px)}[data-template=playful] .btn--primary{color:var(--brand-ink);background:var(--brand-primary)}[data-template=playful] .btn--secondary{background:#fff}[data-template=playful] .btn--secondary:hover{background:var(--sun);color:var(--brand-ink);border-color:var(--brand-ink)}[data-template=playful] .nav--pill .nav-inner{border:3px solid var(--brand-ink);box-shadow:4px 4px 0 var(--brand-ink);background:#fff}[data-template=playful] .nav-cta{box-shadow:none;border-width:2px}[data-template=playful] .logo-word{font-size:1.5rem;font-weight:700}[data-template=playful] .nav .logo-word{color:var(--brand-ink)}[data-template=playful] .sec:not([data-first]):not([data-section=cta]) h2.h2{text-decoration:underline wavy var(--brand-accent);text-underline-offset:.25em;text-decoration-skip-ink:none;text-decoration-thickness:4px}[data-template=playful] .ps-step{border-radius:var(--radius-l);border-top:0;border:3px solid var(--brand-ink);box-shadow:var(--shadow);background:#fff;padding:1.5rem}[data-template=playful] .ps-num{background:var(--sun);border:3px solid var(--brand-ink);width:2.6rem;height:2.6rem;color:var(--brand-ink);border-radius:50%;place-items:center;font-weight:700;display:grid}[data-template=playful] .ps-step:nth-child(2) .ps-num{background:var(--brand-accent)}[data-template=playful] .ps-step:nth-child(3) .ps-num{background:var(--brand-primary)}[data-template=playful] .ps-step:nth-child(4) .ps-num{background:#fff}[data-template=playful] .gm-item .media{border:3px solid var(--brand-ink);box-shadow:var(--shadow);border-radius:var(--radius-l)}[data-template=playful] .gm-item:nth-child(odd) .media{rotate:-1.5deg}[data-template=playful] .gm-item:nth-child(2n) .media{rotate:1.5deg}[data-template=playful] .tg-card{border:3px solid var(--brand-ink);border-radius:var(--radius-l);box-shadow:var(--shadow);background:#fff;margin-bottom:1.5rem;padding:1.75rem;position:relative}[data-template=playful] .tg-card:after{content:"";inset-inline-start:2rem;border-right:3px solid var(--brand-ink);border-bottom:3px solid var(--brand-ink);background:#fff;width:28px;height:28px;position:absolute;bottom:-18px;transform:rotate(45deg)skew(8deg,8deg)}[data-template=playful][dir=rtl] .tg-card:after{transform:scaleX(-1)rotate(45deg)skew(8deg,8deg)}[data-template=playful] .tg-card blockquote{font-family:var(--font-body);font-size:1.15rem;font-weight:600;line-height:1.45}[data-template=playful] .tg-card:nth-child(2){background:var(--sun);--muted:color-mix(in oklab, var(--brand-ink) 85%, transparent);--tg-star:var(--brand-ink)}[data-template=playful] .tg-card:nth-child(2):after{background:var(--sun)}[data-template=playful] .fq-list{border:0;gap:.9rem;display:grid}[data-template=playful] .fq-item{border:3px solid var(--brand-ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--brand-ink);background:#fff;padding-inline:1.25rem}[data-template=playful] .fq-item summary{font-family:var(--font-display);font-size:1.2rem;font-weight:600}[data-template=playful] .pc-plan{border:3px solid var(--brand-ink);box-shadow:var(--shadow)}[data-template=playful] .pc-plan[data-featured]{background:var(--brand-accent);box-shadow:8px 8px 0 var(--brand-ink);border-color:var(--brand-ink)}[data-template=playful] .pc-plan[data-featured] .pc-features .icon{color:var(--brand-ink)}[data-template=playful] .pc-plan[data-featured]{--muted:color-mix(in oklab, var(--brand-ink) 85%, transparent)}[data-template=playful] .ac-meta span{color:color-mix(in oklab, var(--brand-primary) 55%, var(--brand-ink))}[data-template=playful] .cb-box{border:3px solid var(--brand-ink);box-shadow:8px 8px 0 var(--brand-ink);--cta-bg:var(--brand-primary);--cta-fg:var(--brand-ink);--cta-btn-bg:white;--cta-btn-fg:var(--brand-ink)}[data-template=playful] .cs-form{border:3px solid var(--brand-ink);box-shadow:var(--shadow);background:#fff}[data-template=playful] .cs-field input,[data-template=playful] .cs-field textarea{border:2px solid var(--brand-ink)}[data-template=playful] .cs-details dt{background:var(--sun);border:2px solid var(--brand-ink);width:2.4rem;height:2.4rem;color:var(--brand-ink);border-radius:50%;place-items:center;margin-top:-.3rem;display:grid}[data-template=playful] .ph-simple .ph-title{color:var(--brand-ink)}[data-template=playful] .footer{--footer-bg:var(--brand-dark)}}@keyframes pf-in{0%{opacity:0;transform:translateY(60px)scale(.97)}}@keyframes pf-out{to{opacity:0;transform:scale(.97)}}html[data-template=playful]::view-transition-old(root){animation:.25s ease-in both pf-out}html[data-template=playful]::view-transition-new(root){animation:.7s cubic-bezier(.34,1.56,.64,1) both pf-in}