.templates-hero{padding-block:56px var(--space-32)}.filters{margin:0 0 var(--space-24);gap:var(--space-12);display:grid}.filter{gap:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.filter__label{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--ink-secondary);min-width:64px;line-height:normal}.results{margin:0 0 var(--space-16);justify-content:space-between;align-items:baseline;gap:var(--space-16);flex-wrap:wrap;display:flex}.results__count{font-size:var(--text-body-sm);color:var(--ink-secondary);line-height:normal}.results__sort{font-size:var(--text-caption);color:var(--ink-muted);line-height:normal}.gallery{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));display:grid}.template{border:1px solid var(--border);border-radius:var(--radius);background:var(--canvas);margin:0;display:grid;overflow:hidden}.template>*{min-width:0}@media (hover:hover){.template:hover{border-color:var(--border-strong);box-shadow:var(--shadow-float)}}.template__panel{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-24);place-items:center;display:grid}.template__frame{box-sizing:border-box;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;width:100%;height:100%;padding:12%;display:flex}.template__caption{padding:var(--space-14) var(--space-16);gap:var(--space-8);display:grid}.template__name{font-size:var(--text-body-md);font-weight:var(--weight-medium);color:var(--ink);line-height:normal}.template__meta{font-size:var(--text-caption);color:var(--ink-muted);line-height:1.4}.template__foot{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.template__cta{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--accent-strong);line-height:normal;text-decoration:none}.template__cta:hover{text-decoration:underline}.rules__title{font-size:clamp(24px,3.5vw,32px);line-height:1.15}.rules__lede{line-height:1.7}.rules{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.rule__icon{color:var(--ink-secondary);line-height:0}.rule{border:1px solid var(--border);border-radius:var(--radius);background:var(--canvas);padding:var(--space-20);gap:var(--space-6);align-content:start;display:grid}.rule__h{font-size:var(--text-body-md);font-weight:var(--weight-semibold);color:var(--ink);margin:0;line-height:normal}.rule__p{font-size:var(--text-body-sm);color:var(--ink-secondary);margin:0;line-height:1.6}.rules__more{font-size:var(--text-body-sm);margin:0;line-height:normal}.rules__more a{color:var(--accent-strong);font-weight:var(--weight-medium);text-decoration:none}.rules__more a:hover{text-decoration:underline}.page-templates__title{margin:var(--space-12) 0 var(--space-8)}.page-templates__lede{max-width:600px;margin-bottom:var(--space-24)}.page-templates{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.page-template{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-16);background:var(--canvas);gap:var(--space-6);transition:transform var(--dur) var(--ease);align-content:start;text-decoration:none;display:grid}@media (hover:hover){.page-template:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.page-template{transition:none}.page-template:hover{transform:none}}.page-template__name{font-size:var(--text-body-md);font-weight:var(--weight-medium);color:var(--ink);line-height:normal}.page-template__blocks{font-size:var(--text-caption);color:var(--ink-muted);line-height:1.5}.tp-page{--tint-0:#e8efff;--tint-1:#f1ebff;--tint-2:#e3f6f5;--tint-3:#fde8f3;--tint-4:#fff4e0;--tint-5:#e5f4fc;--tint-0-ink:#2448c9;--tint-1-ink:#6d3fd6;--tint-2-ink:#0f766e;--tint-3-ink:#b8297a;--tp-ink:#16161a;--tp-ink-2:#5f6775;--tp-paper:#fff;--tp-rule:#e4e4e1;--tp-warm-paper:#fbf3e6;--tp-warm-ink:#5c1f1f;--tp-navy:#1e3a5f;--tp-night:#16161a;--tp-night-band:#2a2d35;--tp-night-ink:#e6e8ef;--tp-phone:#12141a;--tp-block:#eef0f3;--tp-block-2:#d7dbe2;--tp-map:#dcecf7}.tp-page [data-hue="0"]{--tp-stage:var(--tint-0)}.tp-page [data-hue="1"]{--tp-stage:var(--tint-1)}.tp-page [data-hue="2"]{--tp-stage:var(--tint-2)}.tp-page [data-hue="3"]{--tp-stage:var(--tint-3)}.tp-page [data-hue="4"]{--tp-stage:var(--tint-4)}.tp-page [data-hue="5"]{--tp-stage:var(--tint-5)}.tp-page .tool__intro{column-gap:var(--space-16);grid-template-columns:56px minmax(0,1fr)}.tp-page .tool__intro>:not(.tool__icon){grid-column:2}.tp-page .tool__icon{border-radius:var(--radius-lg);background:var(--accent-wash);block-size:56px;inline-size:56px;color:var(--accent-strong);grid-area:2/1;align-self:center;place-items:center;display:grid}.tp-page .tool__icon svg{block-size:28px;inline-size:28px}.tp-page .tp-stats{gap:var(--space-10);margin:var(--space-20) 0 var(--space-24);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tp-page .tp-stats li{align-items:baseline;gap:var(--space-8);padding:var(--space-10) var(--space-16);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink-secondary);font-size:var(--text-caption);display:inline-flex}.tp-page .tp-stats strong{color:var(--ink);font-size:var(--text-h3);font-weight:var(--weight-semibold)}@media (width<=640px){.tp-page .tool__intro{grid-template-columns:minmax(0,1fr)}.tp-page .tool__intro>:not(.tool__icon){grid-column:1}.tp-page .tool__icon{inline-size:var(--control-touch);block-size:var(--control-touch);grid-row:auto}}.tp-page .filters{gap:var(--space-10);padding:var(--space-14) var(--space-16);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.tp-page .filter__label{min-inline-size:72px;font-weight:var(--weight-semibold)}.tp-page .tp-seg{gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius);background:var(--surface-sunken);--focus-color:var(--focus-color-strong);flex-wrap:wrap;display:inline-flex}.tp-page .tp-seg .pill{border-radius:var(--radius-sm);color:var(--ink-secondary);font-weight:var(--weight-semibold);background:0 0;border:0}.tp-page .tp-seg .pill[data-active]{background:var(--canvas);color:var(--ink)}.tp-page .results{justify-content:flex-start;align-items:center}.tp-page .results__count{color:var(--ink);font-weight:var(--weight-semibold)}.tp-page .results__sort{margin-inline-start:auto}.tp-page .tp-reset{color:var(--accent-strong);font:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0}.tp-page .tp-reset[hidden]{display:none}.tp-page .tp-empty{margin:var(--space-16) 0 0;padding:var(--space-20);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--ink-secondary);text-align:center}.tp-page .tp-empty[hidden]{display:none}.tp-page .gallery{gap:var(--space-14);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.tp-page .template{border-radius:var(--radius-lg)}.tp-page .template[hidden]{display:none}.tp-page .template__panel{block-size:240px;padding:var(--space-16);border-bottom-color:var(--border);background:var(--tp-stage,var(--surface));position:relative}.tp-page .tp-format{padding:var(--space-2) var(--space-8);border-radius:var(--radius-full);background:var(--canvas);color:var(--ink);font-size:var(--text-micro);font-weight:var(--weight-semibold);position:absolute;inset-block-start:var(--space-10);inset-inline-start:var(--space-10)}.tp-page .tp-print{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--tp-paper);color:var(--tp-ink);text-align:center;flex-direction:column;align-items:center;display:flex;overflow:hidden;box-shadow:0 0 0 1px #12141a14,0 12px 20px -12px #12141a73}.tp-page .tp-print__band{padding:var(--space-4) var(--space-6);background:var(--tp-rule);color:var(--tp-ink-2);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;align-self:stretch;overflow:hidden}.tp-page .tp-print__text{gap:var(--space-2);padding:var(--space-6) var(--space-8) 0;display:grid}.tp-page .tp-print__head{font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:1.2}.tp-page .tp-print__cta{color:var(--tp-ink-2);font-size:var(--text-micro);line-height:1.25}.tp-page .tp-print__qr{block-size:64px;inline-size:64px;margin:auto 0 var(--space-8);padding:var(--space-6);border-radius:var(--radius-sm);background:var(--canvas);border:0;flex:none}.tp-page .tp-print[data-shape=tall] .tp-print__qr{block-size:72px;inline-size:72px}.tp-page .tp-print[data-shape=wide]{text-align:start;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.tp-page .tp-print[data-shape=wide] .tp-print__band{text-align:start;grid-column:1/-1}.tp-page .tp-print[data-shape=wide] .tp-print__text{padding:var(--space-6) var(--space-10)}.tp-page .tp-print[data-shape=wide] .tp-print__qr{margin:0 var(--space-10) 0 0}.tp-page .tp-print[data-round]{border-radius:var(--radius-full);justify-content:center;gap:var(--space-4)}.tp-page .tp-print[data-round] .tp-print__band{background:0 0;align-self:center;padding-block-start:var(--space-4)}.tp-page .tp-print[data-round] .tp-print__text{display:none}.tp-page .tp-print[data-round] .tp-print__qr{margin:0}.tp-page .tp-print[data-look=bold] .tp-print__band{background:var(--tp-ink);color:var(--tp-paper)}.tp-page .tp-print[data-look=warm]{background:var(--tp-warm-paper);color:var(--tp-warm-ink)}.tp-page .tp-print[data-look=warm] .tp-print__band{background:var(--tp-warm-ink);color:var(--tp-warm-paper)}.tp-page .tp-print[data-look=corporate]{color:var(--tp-navy)}.tp-page .tp-print[data-look=corporate] .tp-print__band{background:var(--tp-navy);color:var(--tp-paper)}.tp-page .tp-print[data-look=dark]{background:var(--tp-night);color:var(--tp-paper)}.tp-page .tp-print[data-look=dark] .tp-print__band{background:var(--tp-night-band);color:var(--tp-night-ink)}.tp-page .tp-print[data-look=dark] .tp-print__cta{color:var(--tp-night-ink)}.tp-page .template__name{font-weight:var(--weight-semibold)}.tp-page .template__foot{padding-top:var(--space-8);border-top:1px solid var(--border)}.tp-page .template__cta{padding:var(--space-6) var(--space-12);border-radius:var(--radius);background:var(--ink);color:var(--canvas);font-weight:var(--weight-semibold);--focus-color:var(--focus-color-strong)}.tp-page .template__cta:hover{background:var(--accent-strong);color:var(--canvas);text-decoration:none}.tp-page .tp-rules{gap:var(--space-32);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.tp-page .tp-rules__head{gap:var(--space-12);margin:0;display:grid}.tp-page .tp-rules__head .section__lede{margin:0}.tp-page .rules{gap:var(--space-12);counter-reset:rule;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}.tp-page .rule{gap:var(--space-8);border-radius:var(--radius-lg)}.tp-page .tp-rule__top{align-items:center;gap:var(--space-10);display:flex}.tp-page .rule__icon{border-radius:var(--radius);background:var(--tint-0);block-size:36px;inline-size:36px;color:var(--tint-0-ink);place-items:center;display:grid}.tp-page .rule:nth-child(4n+2) .rule__icon{background:var(--tint-1);color:var(--tint-1-ink)}.tp-page .rule:nth-child(4n+3) .rule__icon{background:var(--tint-2);color:var(--tint-2-ink)}.tp-page .rule:nth-child(4n+4) .rule__icon{background:var(--tint-3);color:var(--tint-3-ink)}.tp-page .tp-rule__n:before{counter-increment:rule;content:"Rule " counter(rule);color:var(--ink-muted);font-size:var(--text-micro);font-weight:var(--weight-semibold)}.tp-page .rule__h{font-weight:var(--weight-semibold)}@media (width<=900px){.tp-page .tp-rules{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.tp-page .rules{grid-template-columns:minmax(0,1fr)}}.tp-page .page-templates{gap:var(--space-14);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.tp-page .page-template{gap:var(--space-6);padding:0 0 var(--space-16);border-radius:var(--radius-lg);overflow:hidden}.tp-page .page-template>:not(.tp-phone__stage){padding-inline:var(--space-16)}.tp-page .page-template__name{margin-top:var(--space-8);font-weight:var(--weight-semibold)}.tp-page .tp-use{color:var(--accent-strong);font-size:var(--text-caption);font-weight:var(--weight-semibold)}.tp-page .tp-phone__stage{block-size:232px;padding-top:var(--space-20);background:var(--tp-stage,var(--surface));place-items:end center;display:grid;overflow:hidden}.tp-page .tp-phone{box-sizing:border-box;block-size:220px;inline-size:148px;padding:var(--space-8) var(--space-8) 0;background:var(--tp-phone);border-radius:24px 24px 0 0}.tp-page .tp-phone__screen{box-sizing:border-box;gap:var(--space-6);block-size:100%;padding:var(--space-10) var(--space-8);background:var(--tp-paper);border-radius:16px 16px 0 0;flex-direction:column;display:flex;overflow:hidden}.tp-page .tp-phone__bar{align-items:center;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--tp-block);flex:none;display:flex}.tp-page .tp-phone__bar i,.tp-page .tp-phone__bar b{display:block}.tp-page .tp-phone__bar i{border-radius:var(--radius-full);background:var(--accent-fill);block-size:14px;inline-size:14px}.tp-page .tp-phone__bar b{background:var(--tp-ink);border-radius:2px;block-size:6px;inline-size:56px}.tp-page .tp-block{gap:var(--space-4);color:var(--tp-ink);font-size:var(--text-micro);font-weight:var(--weight-semibold);flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.tp-page .tp-block i,.tp-page .tp-block b{display:block}.tp-page .tp-block--hero{border-radius:var(--radius-sm);background:var(--accent-wash);block-size:44px}.tp-page :is(.tp-block--menu,.tp-block--prices,.tp-block--hours,.tp-block--faq){align-items:stretch;gap:var(--space-4);flex-direction:column}.tp-page :is(.tp-block--menu,.tp-block--prices,.tp-block--hours,.tp-block--faq) i{justify-content:space-between;block-size:8px;display:flex}.tp-page :is(.tp-block--menu,.tp-block--prices,.tp-block--hours,.tp-block--faq) i:before{content:"";background:var(--tp-block);border-radius:2px;inline-size:58%}.tp-page :is(.tp-block--menu,.tp-block--prices,.tp-block--hours) i:after{content:"";background:var(--tp-block-2);border-radius:2px;inline-size:18%}.tp-page .tp-block--faq i{block-size:12px;padding-bottom:var(--space-4);border-bottom:1px solid var(--tp-block)}.tp-page .tp-block--faq i:after{content:"";border-inline-end:1.5px solid var(--tp-ink-2);border-block-end:1.5px solid var(--tp-ink-2);block-size:4px;inline-size:4px;transform:rotate(45deg)}.tp-page .tp-block--pay{border-radius:var(--radius-sm);background:var(--accent-fill);block-size:22px;color:var(--tp-paper)}.tp-page .tp-block--badge{padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);background:var(--accent-wash);color:var(--accent-strong);align-self:center}.tp-page .tp-block--wifi,.tp-page .tp-block--embed,.tp-page .tp-block--map,.tp-page .tp-block--product{border-radius:var(--radius-sm)}.tp-page .tp-block--wifi{border:1px solid var(--tp-block-2);block-size:16px}.tp-page .tp-block--stars{color:var(--tp-ink);letter-spacing:1px}.tp-page :is(.tp-block--gallery,.tp-block--social,.tp-block--buttons,.tp-block--actions) i{border-radius:var(--radius-xs);background:var(--tp-block);flex:1}.tp-page .tp-block--gallery i{block-size:28px}.tp-page .tp-block--social i{border-radius:var(--radius-full);background:var(--tp-block-2);flex:none;block-size:14px;inline-size:14px}.tp-page .tp-block--buttons{flex-direction:column;align-items:stretch}.tp-page .tp-block--buttons i{border:1px solid var(--tp-block-2);background:var(--tp-paper);flex:none;block-size:14px}.tp-page .tp-block--actions i{background:var(--tp-ink);block-size:16px}.tp-page .tp-block--map{background:var(--tp-map);block-size:34px;position:relative}.tp-page .tp-block--map:after{content:"";border-radius:var(--radius-full);background:var(--accent-fill);block-size:8px;inline-size:8px;box-shadow:0 0 0 3px var(--tp-paper)}.tp-page .tp-block--person:before{content:"";border-radius:var(--radius-full);background:var(--tp-block-2);block-size:26px;inline-size:26px}.tp-page .tp-block--person:after{content:"";background:var(--tp-block);border-radius:2px;flex:1;block-size:14px}.tp-page .tp-block--form{align-items:stretch;gap:var(--space-4);flex-direction:column}.tp-page .tp-block--form i{border:1px solid var(--tp-block-2);border-radius:3px;block-size:12px}.tp-page .tp-block--form b{background:var(--tp-ink);border-radius:3px;block-size:14px}.tp-page .tp-block--countdown{border-radius:var(--radius-sm);background:var(--tp-ink);block-size:22px;color:var(--tp-paper);font-family:var(--font-mono)}.tp-page .tp-block--embed{background:var(--tp-ink);block-size:34px}.tp-page .tp-block--embed:after{content:"";border-block:5px solid #0000;border-inline-start:8px solid var(--tp-paper)}.tp-page .tp-block--product{background:var(--tp-block);block-size:40px}.tp-page .tp-block--text{border-block:4px solid var(--tp-block);block-size:18px}.tp-page .tp-close{padding-block-start:0}.tp-page .tp-close .cta-band__h{margin:0;line-height:1.3}