html[data-site=motionfold] .tl-hero{padding:26px var(--vh-gutter) 8px}html[data-site=motionfold] .tl-hero h1{text-wrap:balance;max-width:20ch;font-size:clamp(36px,4vw,60px);line-height:.97}html[data-site=motionfold] .tl-intro{border-left:3px solid var(--vh-coral);max-width:62ch;padding-left:14px;font-size:16.5px;line-height:1.55;margin-top:18px!important}html[data-site=motionfold] .tl-device{border:1.5px solid var(--vh-teal-deep);color:var(--vh-teal-deep);font:700 13px/1.3 var(--font-inter), sans-serif;background:#e5f3f1;border-radius:999px;align-items:center;gap:8px;margin:18px 0 0;padding:6px 12px;display:inline-flex}html[data-site=motionfold] .tl-list{padding:30px var(--vh-gutter) 56px}html[data-site=motionfold] .tl-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}html[data-site=motionfold] .tl-card{border:2px solid var(--vh-ink);background:var(--vh-peach);box-shadow:4px 5px 0 var(--vh-ink);border-radius:16px;flex-direction:column;gap:12px;padding:22px 22px 20px;transition:transform .16s,box-shadow .16s;display:flex;position:relative}html[data-site=motionfold] .tl-card:hover{box-shadow:4px 8px 0 var(--vh-ink);transform:translateY(-3px)}html[data-site=motionfold] .tl-card:has(:focus-visible){outline:3px solid var(--vh-coral);outline-offset:4px}html[data-site=motionfold] .tl-card h2{margin:0;font-size:26px;line-height:1.1}html[data-site=motionfold] .tl-card h2 a{color:var(--vh-ink);text-decoration:none}html[data-site=motionfold] .tl-card h2 a:after{content:"";border-radius:16px;position:absolute;inset:0}html[data-site=motionfold] .tl-card p{color:var(--vh-muted);margin:0;font-size:15px;line-height:1.5}html[data-site=motionfold] .tl-card-index{color:var(--vh-coral);font:800 13px/1 var(--font-inter), sans-serif;letter-spacing:.1em}html[data-site=motionfold] .tl-card-facts{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}html[data-site=motionfold] .tl-card-facts li{border:1.5px solid var(--vh-ink);background:var(--vh-paper);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}html[data-site=motionfold] .tl-card-cta{color:var(--vh-teal-deep);align-items:center;gap:8px;margin-top:auto;font-weight:800;display:inline-flex}html[data-site=motionfold] .tl-card-cta .portal-action-arrow{width:18px;height:18px}html[data-site=motionfold] .tl-app{padding:22px var(--vh-gutter) 40px}html[data-site=motionfold] .tl-panel{border:2px solid var(--vh-ink);box-shadow:4px 5px 0 var(--vh-ink);background:#fffdf9;border-radius:18px;flex-direction:column;gap:16px;padding:22px;display:flex}html[data-site=motionfold] .tl-unsupported h2{margin:0;font-size:22px}html[data-site=motionfold] .tl-unsupported p{margin:0;line-height:1.55}html[data-site=motionfold] .tl-drop{border:2px dashed var(--vh-ink);background:radial-gradient(#f45d4826 1.4px, transparent 1.5px) 0 0 / 14px 14px, var(--vh-paper);text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;padding:24px 16px;transition:background-color .14s,border-color .14s;display:flex;position:relative}html[data-site=motionfold] .tl-drop[data-compact]{flex-flow:wrap;min-height:0;padding:14px 16px}html[data-site=motionfold] .tl-drop[data-over]{border-color:var(--vh-coral);background-color:#ffe7e1}html[data-site=motionfold] .tl-drop:has(:focus-visible){outline:3px solid var(--vh-coral);outline-offset:3px}html[data-site=motionfold] .tl-drop-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}html[data-site=motionfold] .tl-drop-button{border:2px solid var(--vh-ink);background:var(--vh-coral);color:#fff;min-height:46px;box-shadow:2px 3px 0 var(--vh-ink);border-radius:999px;align-items:center;padding:10px 20px;font-weight:800;display:inline-flex}html[data-site=motionfold] .tl-drop-hint{color:var(--vh-muted);font-size:14px}html[data-site=motionfold] .tl-file{flex-direction:column;gap:14px;display:flex}html[data-site=motionfold] .tl-file-name{overflow-wrap:anywhere;margin:0;font-size:15px}html[data-site=motionfold] .tl-file-name span{color:var(--vh-muted)}html[data-site=motionfold] .tl-actions{flex-wrap:wrap;gap:12px;display:flex}html[data-site=motionfold] .tl-actions .portal-button,html[data-site=motionfold] .tl-sz-controls>.portal-button{border:2px solid var(--vh-ink);min-height:50px;padding:12px 22px;font-weight:800}html[data-site=motionfold] :is(.tl-actions,.tl-sz-controls) button:disabled{opacity:.5;cursor:not-allowed}html[data-site=motionfold] .tl-button-secondary{border:2px solid var(--vh-ink);background:var(--vh-paper);min-height:50px;color:var(--vh-ink);font:inherit;cursor:pointer;border-radius:999px;padding:12px 22px;font-weight:800}html[data-site=motionfold] .tl-button-secondary:hover:not(:disabled){background:var(--vh-peach)}html[data-site=motionfold] .tl-progress{border:2px solid var(--vh-ink);background:var(--vh-paper);border-radius:999px;height:34px;position:relative;overflow:hidden}html[data-site=motionfold] .tl-progress span{background:#9fe0d6;transition:width .12s linear;position:absolute;inset:0 auto 0 0}html[data-site=motionfold] .tl-progress em{font:700 13px/30px var(--font-inter), sans-serif;padding:0 14px;font-style:normal;display:block;position:relative}html[data-site=motionfold] .tl-fine{color:var(--vh-muted);margin:0;font-size:13.5px;line-height:1.5}html[data-site=motionfold] .tl-error{border-left:4px solid var(--vh-coral);background:#ffe7e1;margin:0;padding:10px 14px;font-size:14.5px;line-height:1.5}html[data-site=motionfold] .tl-sz{grid-template-columns:minmax(240px,380px) minmax(0,1fr);align-items:start;gap:28px;display:grid}html[data-site=motionfold] .tl-sz-stage{flex-direction:column;align-items:center;gap:12px;display:flex}html[data-site=motionfold] .tl-phone{aspect-ratio:9/16;border:10px solid var(--vh-ink);background:#111;border-radius:34px;width:100%;position:relative;overflow:hidden;box-shadow:4px 6px #2323234d}html[data-site=motionfold] .tl-phone[data-empty]{background:linear-gradient(160deg,#3b3b3b,#151515)}html[data-site=motionfold] .tl-phone :is(video,img){object-fit:contain;width:100%;height:100%;position:absolute;inset:0}html[data-site=motionfold] .tl-phone-empty{color:#f8f5f2cc;text-align:center;margin:0;font-size:14px;line-height:1.45;position:absolute;inset:38% 14% auto}html[data-site=motionfold] .tl-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}html[data-site=motionfold] .tl-overlay-labels text{fill:#fff;font:700 40px/1 var(--font-inter), system-ui, sans-serif;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#000000a0;stroke-width:6px}html[data-site=motionfold] .tl-sz-controls{flex-direction:column;gap:16px;min-width:0;display:flex}html[data-site=motionfold] .tl-sz-platforms{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}html[data-site=motionfold] .tl-sz-platforms legend{margin-bottom:8px;font-weight:800}html[data-site=motionfold] .tl-chip{cursor:pointer;display:inline-flex;position:relative}html[data-site=motionfold] .tl-chip input{opacity:0;position:absolute}html[data-site=motionfold] .tl-chip span{border:2px solid var(--vh-ink);background:var(--vh-paper);border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}html[data-site=motionfold] .tl-chip span:before{content:"";border:2px solid var(--vh-ink);background:var(--tl-chip);border-radius:50%;width:12px;height:12px}html[data-site=motionfold] .tl-chip input:checked+span{background:var(--vh-ink);color:var(--vh-paper)}html[data-site=motionfold] .tl-chip input:focus-visible+span{outline:3px solid var(--vh-coral);outline-offset:2px}html[data-site=motionfold] .tl-sz-row{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}html[data-site=motionfold] .tl-range{flex-direction:column;flex:220px;gap:6px;font-size:14px;font-weight:700;display:flex}html[data-site=motionfold] .tl-range input{width:100%;accent-color:var(--vh-coral)}html[data-site=motionfold] .tl-check{align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}html[data-site=motionfold] .tl-check input{width:18px;height:18px;accent-color:var(--vh-coral)}html[data-site=motionfold] .tl-checks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}html[data-site=motionfold] .tl-checks li{background:#e5f3f1;border-radius:10px;gap:10px;padding:10px 12px;font-size:14.5px;line-height:1.45;display:flex}html[data-site=motionfold] .tl-checks li[data-level=warn]{background:#fff1d6}html[data-site=motionfold] .tl-checks li span{flex:none;font-weight:800}html[data-site=motionfold] :is(.tl-steps,.tl-zones){padding:8px var(--vh-gutter) 44px}html[data-site=motionfold] :is(.tl-steps,.tl-zones) h2{margin:0 0 14px;font-size:clamp(26px,2.6vw,36px)}html[data-site=motionfold] .tl-steps ol{counter-reset:tl-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}html[data-site=motionfold] .tl-steps li{border:1.5px solid var(--vh-ink);counter-increment:tl-step;background:#fffdf9;border-radius:12px;flex-direction:column;gap:6px;padding:18px;display:flex}html[data-site=motionfold] .tl-steps li:before{content:counter(tl-step, decimal-leading-zero);color:var(--vh-coral);font-weight:800}html[data-site=motionfold] .tl-steps span{color:var(--vh-muted);font-size:14px;line-height:1.5}html[data-site=motionfold] .tl-zones>p{max-width:70ch;margin:0 0 16px;line-height:1.55}html[data-site=motionfold] .tl-table{border:1.5px solid var(--vh-ink);background:#fffdf9;border-radius:12px;overflow-x:auto}html[data-site=motionfold] .tl-table table{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}html[data-site=motionfold] .tl-table :is(th,td){border-bottom:1px solid var(--vh-line);text-align:left;vertical-align:top;padding:10px 14px}html[data-site=motionfold] .tl-table tbody tr:last-child :is(th,td){border-bottom:0}html[data-site=motionfold] .tl-table thead th{background:var(--vh-peach);letter-spacing:.06em;text-transform:uppercase;font-size:12.5px}html[data-site=motionfold] .tl-table sup a{color:var(--vh-teal-deep);margin-left:2px}html[data-site=motionfold] .tl-sources{color:var(--vh-muted);flex-direction:column;gap:8px;margin:16px 0 0;padding-left:22px;font-size:13.5px;line-height:1.55;display:flex}html[data-site=motionfold] .tl-sources a{color:var(--vh-teal-deep);overflow-wrap:anywhere}html[data-site=motionfold] .tl-cta{margin:0 var(--vh-gutter) 56px;border:2px solid var(--vh-ink);background:var(--vh-peach);box-shadow:4px 5px 0 var(--vh-ink);border-radius:18px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:20px 40px;padding:28px;display:grid}html[data-site=motionfold] .tl-cta h2{margin:0 0 10px;font-size:clamp(26px,2.8vw,40px);line-height:1.05}html[data-site=motionfold] .tl-cta p:not(.vh-eyebrow){margin:0;line-height:1.55}html[data-site=motionfold] .tl-cta-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}html[data-site=motionfold] .tl-cta-actions .portal-button{min-height:50px}html[data-site=motionfold] .tl-cta-secondary{color:var(--vh-teal-deep);text-underline-offset:4px;align-items:center;gap:8px;font-weight:800;text-decoration:underline;display:inline-flex}html[data-site=motionfold] .tl-cta-secondary .portal-action-arrow{width:18px;height:18px}html[data-site=motionfold] .tl-cta-hubs{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}html[data-site=motionfold] .tl-cta-hubs a{border:1.5px solid var(--vh-ink);background:var(--vh-paper);min-height:36px;color:var(--vh-ink);border-radius:999px;align-items:center;padding:6px 12px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}html[data-site=motionfold] .portal-tool .ph-faq h2{max-width:12ch}html[data-site=motionfold] .portal-tool .ph-related ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}@media (max-width:760px){html[data-site=motionfold] .tl-hero{padding:18px 16px 4px}html[data-site=motionfold] .tl-hero h1{font-size:34px;line-height:1}html[data-site=motionfold] .tl-intro{font-size:15.5px}html[data-site=motionfold] :is(.tl-app,.tl-list,.tl-steps,.tl-zones){padding-left:16px;padding-right:16px}html[data-site=motionfold] .tl-panel{padding:16px}html[data-site=motionfold] .tl-sz{grid-template-columns:minmax(0,1fr)}html[data-site=motionfold] .tl-sz-stage{width:min(100%,300px);margin:0 auto}html[data-site=motionfold] .tl-actions>*{flex:100%}html[data-site=motionfold] .tl-steps ol{grid-template-columns:minmax(0,1fr)}html[data-site=motionfold] .tl-cta{grid-template-columns:minmax(0,1fr);margin:0 16px 40px;padding:20px}}