.tp-hero-centered{
display: flex;
flex-direction: column;
padding: var(--wpt-block-padding, var(--wpt-spacing-3xl, 80px));
}
.tp-hero-centered--bg-background{
background-color: var(--wpt-color-background, #ffffff);
}
.tp-hero-centered--bg-background-alt{
background-color: var(--wpt-color-background-alt, #f3f0ff);
}
.tp-hero-centered--bg-surface{
background-color: var(--wpt-color-surface, #f8f9fa);
}
.tp-hero-centered--bg-primary{
background-color: var(--wpt-color-primary, #6d4fc2);
}
.tp-hero-centered--bg-dark{
background-color: var(--wpt-color-dark, #1a1a2e);
}
.tp-hero-centered--align-center{
text-align: center;
align-items: center;
}
.tp-hero-centered--align-left{
text-align: left;
align-items: flex-start;
}
.tp-hero-centered__inner{
display: flex;
flex-direction: column;
align-items: inherit;
text-align: inherit;
gap: var(--wpt-spacing-lg, 24px);
width: 100%;
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
.tp-hero-centered__badge-wrap{
display: flex;
justify-content: inherit;
align-items: center;
}
.tp-hero-centered__badge{
display: inline-flex;
align-items: center;
gap: var(--wpt-spacing-xs, 6px);
padding: var(--wpt-spacing-xs, 6px) var(--wpt-spacing-md, 16px);
border: 1px solid var(--wpt-color-border, #d0c8f0);
border-radius: var(--wpt-radius-full, 9999px);
background-color: var(--wpt-color-surface-raised, #ffffff);
font-family: var(--wpt-font-body, sans-serif);
font-size: var(--wpt-text-sm, 14px);
font-weight: var(--wpt-font-medium, 500);
color: var(--wpt-color-text, #1a1a2e);
text-decoration: none;
white-space: nowrap;
}
.tp-hero-centered__badge:hover{
background-color: var(--wpt-color-surface, #f8f9fa);
color: var(--wpt-color-link-hover, #5a3faa);
}
.tp-hero-centered__heading{
font-family: var(--wpt-font-heading, sans-serif);
font-size: var(--wpt-text-display, 56px);
font-weight: var(--wpt-font-black, 900);
line-height: var(--wpt-leading-tight, 1.25);
letter-spacing: -0.03em;
color: var(--wpt-color-text, #1a1a2e);
margin: 0;
}
.tp-hero-centered__description{
font-family: var(--wpt-font-body, sans-serif);
font-size: var(--wpt-text-lg, 18px);
font-weight: var(--wpt-font-regular, 400);
line-height: var(--wpt-leading-relaxed, 1.625);
color: var(--wpt-color-muted, #5a4ea8);
margin: 0;
max-width: 580px;
}
.tp-hero-centered__actions{
display: flex;
flex-direction: row;
align-items: center;
justify-content: inherit;
flex-wrap: wrap;
gap: var(--wpt-spacing-sm, 12px);
margin-top: var(--wpt-spacing-xs, 8px);
}
.tp-hero-centered__btn{
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--wpt-spacing-xs, 8px);
padding: var(--wpt-spacing-sm, 12px) var(--wpt-spacing-lg, 28px);
border-radius: var(--wpt-radius-md, 10px);
font-family: var(--wpt-font-body, sans-serif);
font-size: var(--wpt-text-base, 16px);
font-weight: var(--wpt-font-semibold, 600);
text-decoration: none;
border: 2px solid transparent;
cursor: pointer;
line-height: 1;
}
.tp-hero-centered__btn--primary{
background-color: var(--wpt-color-primary, #6d4fc2);
color: var(--wpt-color-text-on-primary, #ffffff);
border-color: var(--wpt-color-primary, #6d4fc2);
}
.tp-hero-centered__btn--primary:hover{
background-color: var(--wpt-color-secondary, #5a3faa);
border-color: var(--wpt-color-secondary, #5a3faa);
color: var(--wpt-color-text-on-secondary, #ffffff);
}
.tp-hero-centered__btn--secondary{
background-color: var(--wpt-color-surface-raised, #ffffff);
color: var(--wpt-color-text, #1a1a2e);
border-color: var(--wpt-color-border, #d0c8f0);
}
.tp-hero-centered__btn--secondary:hover{
background-color: var(--wpt-color-surface, #f8f9fa);
border-color: var(--wpt-color-text, #1a1a2e);
}
.tp-hero-centered--padding-xs{
--wpt-block-padding: var(--wpt-spacing-xs, 12px) !important;
}
.tp-hero-centered--padding-sm{
--wpt-block-padding: var(--wpt-spacing-sm, 16px) !important;
}
.tp-hero-centered--padding-md{
--wpt-block-padding: var(--wpt-spacing-md, 24px) !important;
}
.tp-hero-centered--padding-lg{
--wpt-block-padding: var(--wpt-spacing-lg, 32px) !important;
}
.tp-hero-centered--padding-xl{
--wpt-block-padding: var(--wpt-spacing-xl, 48px) !important;
}
.tp-hero-centered--padding-2xl{
--wpt-block-padding: var(--wpt-spacing-2xl, 64px) !important;
}
.tp-hero-centered--padding-3xl{
--wpt-block-padding: var(--wpt-spacing-3xl, 80px) !important;
}
.tp-hero-centered--padding-4xl{
--wpt-block-padding: var(--wpt-spacing-4xl, 96px) !important;
}
.tp-hero-centered--width-narrow .tp-hero-centered__inner{
max-width: 560px;
}
.tp-hero-centered--width-default .tp-hero-centered__inner{
max-width: 760px;
}
.tp-hero-centered--width-wide .tp-hero-centered__inner{
max-width: 960px;
}
.tp-hero-centered--width-full .tp-hero-centered__inner{
max-width: 100%;
}
.wpt-feature-split-actions{
padding: var(--wpt-block-padding, var(--wpt-spacing-4xl)) 0;
background: var(--wpt-color-light);
color: var(--wpt-color-dark);
}
.wpt-feature-split-actions__container{
max-width: var(--wpt-container-default);
margin: 0 auto;
padding: 0 var(--wpt-spacing-xl);
display: flex;
flex-direction: column;
gap: var(--wpt-feature-gap, var(--wpt-spacing-3xl));
}
.wpt-feature-split-actions__header{
text-align: center;
max-width: var(--wpt-container-narrow);
margin: 0 auto var(--wpt-spacing-3xl);
padding: 0 var(--wpt-spacing-xl);
}
.wpt-feature-split-actions__badge{
display: inline-block;
font-size: var(--wpt-text-sm);
font-weight: var(--wpt-font-semibold);
text-transform: uppercase;
letter-spacing: var(--wpt-tracking-wide);
color: var(--wpt-color-primary);
margin-bottom: var(--wpt-spacing-md);
}
.wpt-feature-split-actions__section-heading{
font-family: var(--wpt-font-heading);
font-size: var(--wpt-text-4xl);
font-weight: var(--wpt-font-bold);
line-height: var(--wpt-leading-tight);
margin: 0 0 var(--wpt-spacing-lg);
color: inherit;
}
.wpt-feature-split-actions__section-description{
font-size: var(--wpt-text-lg);
color: var(--wpt-color-muted);
line-height: var(--wpt-leading-relaxed);
margin: 0;
}
.wpt-feature-split-actions__row{
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--wpt-spacing-3xl);
align-items: center;
}
.wpt-feature-split-actions__image-col,
.wpt-feature-split-actions__content-col{
min-width: 0;
}
.wpt-feature-split-actions__image-col{
display: flex;
align-items: center;
justify-content: center;
}
.wpt-feature-split-actions__content-col{
display: flex;
flex-direction: column;
}
.wpt-feature-split-actions__row--left{
grid-template-areas: "image content";
}
.wpt-feature-split-actions__row--left .wpt-feature-split-actions__image-col{
grid-area: image;
}
.wpt-feature-split-actions__row--left .wpt-feature-split-actions__content-col{
grid-area: content;
}
.wpt-feature-split-actions__row--right{
grid-template-areas: "content image";
}
.wpt-feature-split-actions__row--right .wpt-feature-split-actions__image-col{
grid-area: image;
}
.wpt-feature-split-actions__row--right .wpt-feature-split-actions__content-col{
grid-area: content;
}
.wpt-feature-split-actions__content{
display: flex;
flex-direction: column;
gap: var(--wpt-spacing-md);
}
.wpt-feature-split-actions__icon-wrap{
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--wpt-radius-lg);
background: var(--wpt-color-surface);
margin-bottom: var(--wpt-spacing-sm);
}
.wpt-feature-split-actions__icon--primary{color: var(--wpt-color-primary);}
.wpt-feature-split-actions__icon--secondary{color: var(--wpt-color-secondary);}
.wpt-feature-split-actions__icon--accent{color: var(--wpt-color-accent);}
.wpt-feature-split-actions__icon--inherit{color: inherit;}
.wpt-feature-split-actions__heading{
font-family: var(--wpt-font-heading);
font-size: var(--wpt-text-2xl);
font-weight: var(--wpt-font-bold);
line-height: var(--wpt-leading-tight);
margin: 0;
color: inherit;
}
.wpt-feature-split-actions__description{
font-size: var(--wpt-text-base);
line-height: var(--wpt-leading-relaxed);
color: var(--wpt-color-muted);
margin: 0;
}
.wpt-feature-split-actions__buttons{
display: flex;
flex-wrap: wrap;
gap: var(--wpt-spacing-md);
margin-top: var(--wpt-spacing-md);
}
.wpt-btn{
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--wpt-spacing-sm) var(--wpt-spacing-lg);
font-family: var(--wpt-font-body);
font-size: var(--wpt-text-base);
font-weight: var(--wpt-font-medium);
text-decoration: none;
cursor: pointer;
border: none;
border-radius: 0;
line-height: 1;
}
.wpt-btn--radius-none{border-radius: 0                      !important;}
.wpt-btn--radius-sm{border-radius: var(--wpt-radius-sm)   !important;}
.wpt-btn--radius-md{border-radius: var(--wpt-radius-md)   !important;}
.wpt-btn--radius-lg{border-radius: var(--wpt-radius-lg)   !important;}
.wpt-btn--radius-xl{border-radius: var(--wpt-radius-xl)   !important;}
.wpt-btn--radius-full{border-radius: var(--wpt-radius-full) !important;}
.wpt-btn--primary.wpt-btn--style-filled.wpt-btn--color-primary{
background-color: var(--wpt-color-primary);
color: var(--wpt-color-light);
box-shadow: none;
}
.wpt-btn--primary.wpt-btn--style-filled.wpt-btn--color-secondary{
background-color: var(--wpt-color-secondary);
color: var(--wpt-color-light);
box-shadow: none;
}
.wpt-btn--primary.wpt-btn--style-filled.wpt-btn--color-accent{
background-color: var(--wpt-color-accent);
color: var(--wpt-color-light);
box-shadow: none;
}
.wpt-btn--primary.wpt-btn--style-filled.wpt-btn--color-dark{
background-color: var(--wpt-color-dark);
color: var(--wpt-color-light);
box-shadow: none;
}
.wpt-btn--primary.wpt-btn--style-filled.wpt-btn--color-light{
background-color: var(--wpt-color-light);
color: var(--wpt-color-dark);
box-shadow: none;
}
.wpt-btn--primary.wpt-btn--style-outline.wpt-btn--color-primary{
background-color: transparent;
color: var(--wpt-color-primary);
box-shadow: inset 0 0 0 1.5px var(--wpt-color-primary);
}
.wpt-btn--primary.wpt-btn--style-outline.wpt-btn--color-secondary{
background-color: transparent;
color: var(--wpt-color-secondary);
box-shadow: inset 0 0 0 1.5px var(--wpt-color-secondary);
}
.wpt-btn--primary.wpt-btn--style-outline.wpt-btn--color-accent{
background-color: transparent;
color: var(--wpt-color-accent);
box-shadow: inset 0 0 0 1.5px var(--wpt-color-accent);
}
.wpt-btn--primary.wpt-btn--style-outline.wpt-btn--color-dark{
background-color: transparent;
color: var(--wpt-color-dark);
box-shadow: inset 0 0 0 1.5px var(--wpt-color-dark);
}
.wpt-btn--primary.wpt-btn--style-outline.wpt-btn--color-light{
background-color: transparent;
color: var(--wpt-color-light);
box-shadow: inset 0 0 0 1.5px var(--wpt-color-light);
}
.wpt-btn--primary.wpt-btn--style-ghost.wpt-btn--color-primary{
background-color: transparent;
color: var(--wpt-color-primary);
box-shadow: none;
}
.wpt-btn--primary.wpt-btn--style-ghost.wpt-btn--color-secondary{
background-color: transparent;
color: var(--wpt-color-secondary);
box-shadow: none;
}
.wpt-btn--primary.wpt-btn--style-ghost.wpt-btn--color-accent{
background-color: transparent;
color: var(--wpt-color-accent);
box-shadow: none;
}
.wpt-btn--primary.wpt-btn--style-ghost.wpt-btn--color-dark{
background-color: transparent;
color: var(--wpt-color-dark);
box-shadow: none;
}
.wpt-btn--primary.wpt-btn--style-ghost.wpt-btn--color-light{
background-color: transparent;
color: var(--wpt-color-light);
box-shadow: none;
}
.wpt-btn--secondary.wpt-btn--style-outline.wpt-btn--color-default{
background-color: transparent;
color: var(--wpt-color-text, var(--wpt-color-dark));
box-shadow: inset 0 0 0 1.5px var(--wpt-color-border);
}
.wpt-btn--secondary.wpt-btn--style-filled.wpt-btn--color-primary{
background-color: var(--wpt-color-primary);
color: var(--wpt-color-light);
box-shadow: none;
}
.wpt-btn--secondary.wpt-btn--style-filled.wpt-btn--color-secondary{
background-color: var(--wpt-color-secondary);
color: var(--wpt-color-light);
box-shadow: none;
}
.wpt-btn--secondary.wpt-btn--style-filled.wpt-btn--color-accent{
background-color: var(--wpt-color-accent);
color: var(--wpt-color-light);
box-shadow: none;
}
.wpt-btn--secondary.wpt-btn--style-filled.wpt-btn--color-dark{
background-color: var(--wpt-color-dark);
color: var(--wpt-color-light);
box-shadow: none;
}
.wpt-btn--secondary.wpt-btn--style-filled.wpt-btn--color-light{
background-color: var(--wpt-color-light);
color: var(--wpt-color-dark);
box-shadow: none;
}
.wpt-btn--secondary.wpt-btn--style-outline.wpt-btn--color-primary{
background-color: transparent;
color: var(--wpt-color-primary);
box-shadow: inset 0 0 0 1.5px var(--wpt-color-primary);
}
.wpt-btn--secondary.wpt-btn--style-outline.wpt-btn--color-secondary{
background-color: transparent;
color: var(--wpt-color-secondary);
box-shadow: inset 0 0 0 1.5px var(--wpt-color-secondary);
}
.wpt-btn--secondary.wpt-btn--style-outline.wpt-btn--color-accent{
background-color: transparent;
color: var(--wpt-color-accent);
box-shadow: inset 0 0 0 1.5px var(--wpt-color-accent);
}
.wpt-btn--secondary.wpt-btn--style-outline.wpt-btn--color-dark{
background-color: transparent;
color: var(--wpt-color-dark);
box-shadow: inset 0 0 0 1.5px var(--wpt-color-dark);
}
.wpt-btn--secondary.wpt-btn--style-outline.wpt-btn--color-light{
background-color: transparent;
color: var(--wpt-color-light);
box-shadow: inset 0 0 0 1.5px var(--wpt-color-light);
}
.wpt-btn--secondary.wpt-btn--style-ghost.wpt-btn--color-default,
.wpt-btn--secondary.wpt-btn--style-ghost.wpt-btn--color-primary{
background-color: transparent;
color: var(--wpt-color-primary);
box-shadow: none;
}
.wpt-btn--secondary.wpt-btn--style-ghost.wpt-btn--color-secondary{
background-color: transparent;
color: var(--wpt-color-secondary);
box-shadow: none;
}
.wpt-btn--secondary.wpt-btn--style-ghost.wpt-btn--color-accent{
background-color: transparent;
color: var(--wpt-color-accent);
box-shadow: none;
}
.wpt-btn--secondary.wpt-btn--style-ghost.wpt-btn--color-dark{
background-color: transparent;
color: var(--wpt-color-dark);
box-shadow: none;
}
.wpt-btn--secondary.wpt-btn--style-ghost.wpt-btn--color-light{
background-color: transparent;
color: var(--wpt-color-light);
box-shadow: none;
}
.wpt-feature-split-actions__media{
width: 100%;
overflow: hidden;
background: var(--wpt-color-surface);
}
.wpt-feature-split-actions__media img{
width: 100%;
height: 100%;
max-height: 400px;
object-fit: cover;
display: block;
}
.wpt-feature-split-actions__media-placeholder{
width: 100%;
aspect-ratio: 16/10;
display: flex;
align-items: center;
justify-content: center;
background: var(--wpt-color-surface);
color: var(--wpt-color-muted);
font-size: var(--wpt-text-lg);
border: 2px dashed var(--wpt-color-border);
}
.wpt-feature-split-actions__media--shape-square{border-radius: 0;}
.wpt-feature-split-actions__media--shape-rounded{border-radius: var(--wpt-radius-xl);}
.wpt-feature-split-actions__media--shape-circle{border-radius: var(--wpt-radius-full);aspect-ratio: 1;}
.wpt-feature-split-actions__media--shape-circle img{
border-radius: var(--wpt-radius-full);
aspect-ratio: 1;
object-fit: cover;
max-height: none;
}
.wpt-feature-split-actions__media--shape-circle .wpt-feature-split-actions__media-placeholder{
border-radius: var(--wpt-radius-full);
aspect-ratio: 1;
}
.wpt-feature-split-actions__media--shadow-none{box-shadow: none;}
.wpt-feature-split-actions__media--shadow-sm{box-shadow: var(--wpt-shadow-sm);}
.wpt-feature-split-actions__media--shadow-md{box-shadow: var(--wpt-shadow-md);}
.wpt-feature-split-actions__media--shadow-lg{box-shadow: var(--wpt-shadow-lg);}
.wpt-feature-split-actions__media--shadow-xl{box-shadow: var(--wpt-shadow-xl);}
.wpt-feature-split-actions--theme-dark{
background: var(--wpt-color-dark);
color: var(--wpt-color-light);
}
.wpt-feature-split-actions--theme-dark .wpt-feature-split-actions__section-description,
.wpt-feature-split-actions--theme-dark .wpt-feature-split-actions__description{
color: var(--wpt-color-muted);
}
.wpt-feature-split-actions--theme-dark .wpt-feature-split-actions__icon-wrap{
background: rgba(255, 255, 255, 0.1);
}
.wpt-feature-split-actions--theme-dark .wpt-btn--secondary.wpt-btn--style-outline.wpt-btn--color-default{
color: var(--wpt-color-light);
box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.3);
}
.wpt-feature-split-actions--bg-surface{background: var(--wpt-color-surface);}
.wpt-feature-split-actions--bg-dark{background: var(--wpt-color-dark);}
.wpt-feature-split-actions--bg-primary{background: var(--wpt-color-primary);}
.wpt-feature-split-actions--bg-secondary{background: var(--wpt-color-secondary);}
.wpt-feature-split-actions--bg-primary .wpt-feature-split-actions__badge,
.wpt-feature-split-actions--bg-secondary .wpt-feature-split-actions__badge{
color: var(--wpt-color-light);
}
.wpt-feature-split-actions--text-dark{color: var(--wpt-color-dark);}
.wpt-feature-split-actions--text-light{color: var(--wpt-color-light);}
.wpt-feature-split-actions--text-muted{color: var(--wpt-color-muted);}
.wpt-feature-split-actions__row{
cursor: pointer;
padding: var(--wpt-spacing-md);
border-radius: var(--wpt-radius-md);
}
.wpt-feature-split-actions__row:hover{
background-color: rgba(0, 0, 0, 0.03);
}
.wpt-feature-split-actions__row--selected{
outline: 2px solid var(--wpt-color-primary);
outline-offset: 2px;
}
.wpt-media-upload__preview img{
max-width: 100%;
height: auto;
border-radius: var(--wpt-radius-md);
margin-bottom: var(--wpt-spacing-md);
}
@media ( min-width: 641px ) and ( max-width: 1024px ){
.wpt-feature-split-actions--tablet-1col .wpt-feature-split-actions__row,
.wpt-feature-split-actions--tablet-1col .wpt-feature-split-actions__row--left,
.wpt-feature-split-actions--tablet-1col .wpt-feature-split-actions__row--right{
grid-template-columns: 1fr;
grid-template-areas: "image" "content";
}
.wpt-feature-split-actions--tablet-2col .wpt-feature-split-actions__row--left{
grid-template-columns: 1fr 1fr;
grid-template-areas: "image content";
}
.wpt-feature-split-actions--tablet-2col .wpt-feature-split-actions__row--right{
grid-template-columns: 1fr 1fr;
grid-template-areas: "content image";
}
}
@media ( max-width: 640px ){
.wpt-feature-split-actions__row,
.wpt-feature-split-actions__row--left,
.wpt-feature-split-actions__row--right{
grid-template-columns: 1fr;
grid-template-areas: "image" "content";
gap: var(--wpt-spacing-xl);
}
.wpt-feature-split-actions__image-col{grid-area: image   !important;}
.wpt-feature-split-actions__content-col{grid-area: content !important;}
.wpt-feature-split-actions__media img{
max-height: 300px;
}
.wpt-feature-split-actions__section-heading{
font-size: var(--wpt-text-3xl);
}
.wpt-feature-split-actions__heading{
font-size: var(--wpt-text-xl);
}
.wpt-feature-split-actions__buttons{
flex-direction: column;
width: 100%;
}
.wpt-btn{
width: 100%;
}
}
@media ( max-width: 640px ){
.wpt-feature-split-actions--hide-mobile{
display: none !important;
}
}
@media ( min-width: 641px ) and ( max-width: 1024px ){
.wpt-feature-split-actions--hide-tablet{
display: none !important;
}
}
@media ( min-width: 1025px ){
.wpt-feature-split-actions--hide-desktop{
display: none !important;
}
}
.wpt-content-media{
box-sizing: border-box;
width:      100%;
}
.wpt-content-media--bg-primary{background-color: var( --wpt-color-primary,    #FF6B35 );}
.wpt-content-media--bg-secondary{background-color: var( --wpt-color-secondary,  #004E89 );}
.wpt-content-media--bg-accent{background-color: var( --wpt-color-accent,     #FFD23F );}
.wpt-content-media--bg-surface{background-color: var( --wpt-color-surface,    #F8F9FA );}
.wpt-content-media--bg-background{background-color: var( --wpt-color-background, #FFFFFF );}
.wpt-content-media--bg-dark{background-color: var( --wpt-color-dark,       #1A1A1D );}
.wpt-content-media--bg-light{background-color: var( --wpt-color-light,      #FFFFFF );}
.wpt-content-media--text-light{color: var( --wpt-color-light, #FFFFFF );}
.wpt-content-media--text-dark{color: var( --wpt-color-dark,  #1A1A1D );}
.wpt-content-media--text-muted{color: var( --wpt-color-muted, #6C757D );}
.wpt-content-media--radius-sm{border-radius: var( --wpt-radius-sm, 0.25rem );}
.wpt-content-media--radius-md{border-radius: var( --wpt-radius-md, 0.375rem );}
.wpt-content-media--radius-lg{border-radius: var( --wpt-radius-lg, 0.5rem );}
.wpt-content-media--radius-xl{border-radius: var( --wpt-radius-xl, 0.75rem );}
.wpt-content-media--shadow-sm{box-shadow: var( --wpt-shadow-sm, 0 1px 2px rgba(0,0,0,.05) );}
.wpt-content-media--shadow-md{box-shadow: var( --wpt-shadow-md, 0 4px 6px -1px rgba(0,0,0,.10) );}
.wpt-content-media--shadow-lg{box-shadow: var( --wpt-shadow-lg, 0 10px 15px -3px rgba(0,0,0,.10) );}
.wpt-content-media--shadow-xl{box-shadow: var( --wpt-shadow-xl, 0 20px 25px -5px rgba(0,0,0,.10) );}
.wpt-content-media--glass{
background:            rgba( 255, 255, 255, 0.10 );
backdrop-filter:       blur( 10px );
-webkit-backdrop-filter: blur( 10px );
border:                1px solid rgba( 255, 255, 255, 0.20 );
}
.wpt-content-media--pad-xs{padding: var( --wpt-spacing-xs,  0.5rem  );}
.wpt-content-media--pad-sm{padding: var( --wpt-spacing-sm,  0.75rem );}
.wpt-content-media--pad-md{padding: var( --wpt-spacing-md,  1rem    );}
.wpt-content-media--pad-lg{padding: var( --wpt-spacing-lg,  1.5rem  );}
.wpt-content-media--pad-xl{padding: var( --wpt-spacing-xl,  2rem    );}
.wpt-content-media--pad-2xl{padding: var( --wpt-spacing-2xl, 3rem    );}
.wpt-content-media--pad-3xl{padding: var( --wpt-spacing-3xl, 4rem    );}
@media ( max-width: 599px ){
.wpt-content-media.wpt-hide-mobile{display: none;}
}
@media ( min-width: 600px ) and ( max-width: 1023px ){
.wpt-content-media.wpt-hide-tablet{display: none;}
}
.wpt-content-media__inner{
max-width: var(--wpt-max-width, 1200px);
margin-inline: auto;
width:         100%;
box-sizing:    border-box;
}
.wpt-content-media__grid{
display:               grid;
grid-template-columns: 1fr 1fr;
gap: var(--wpt-cm-column-gap, 3rem);
align-items:           center;
}
.wpt-content-media__grid > *{
min-width: 0;
}
.wpt-content-media__grid--img-size-sm{grid-template-columns: 65fr 35fr;}
.wpt-content-media__grid--img-size-md{grid-template-columns: 55fr 45fr;}
.wpt-content-media__grid--img-size-lg{grid-template-columns: 45fr 55fr;}
.wpt-content-media__grid--img-left .wpt-content-media__text{order: 2;}
.wpt-content-media__grid--img-left .wpt-content-media__media{order: 1;}
.wpt-content-media__grid--img-right .wpt-content-media__text{order: 1;}
.wpt-content-media__grid--img-right .wpt-content-media__media{order: 2;}
@media ( max-width: 767px ){
.wpt-content-media__grid{
grid-template-columns: 1fr;
gap:                   var( --wpt-spacing-lg, 1.5rem );
}
.wpt-content-media__text{order: 1 !important;}
.wpt-content-media__media{order: 2 !important;}
}
.wpt-content-media__text{
display:        flex;
flex-direction: column;
align-items:    flex-start;
}
.wpt-content-media__text--desktop-left{text-align: left;align-items: flex-start;}
.wpt-content-media__text--desktop-center{text-align: center;align-items: center;}
.wpt-content-media__text--desktop-right{text-align: right;align-items: flex-end;}
@media ( min-width: 600px ) and ( max-width: 1023px ){
.wpt-content-media__text--tablet-left{text-align: left;align-items: flex-start;}
.wpt-content-media__text--tablet-center{text-align: center;align-items: center;}
.wpt-content-media__text--tablet-right{text-align: right;align-items: flex-end;}
}
@media ( max-width: 599px ){
.wpt-content-media__text--mobile-left{text-align: left;align-items: flex-start;}
.wpt-content-media__text--mobile-center{text-align: center;align-items: center;}
}
.wpt-content-media__badge{
display:          inline-block;
padding:          0.25em 0.85em;
font-size:        var( --wpt-text-xs, 0.75rem );
font-weight:      700;
letter-spacing:   0.06em;
text-transform:   uppercase;
border-radius:    var( --wpt-radius-full, 9999px );
background-color: var( --wpt-color-accent, #FFD23F );
color:            var( --wpt-color-dark,   #1A1A1D );
margin-bottom: var(--wpt-cm-title-spacing, 1em);
}
.wpt-content-media__heading{
font-size:     var( --wpt-text-3xl,         2rem );
font-weight:   var( --wpt-font-weight-bold,  700 );
line-height:   var( --wpt-leading-tight,     1.2 );
margin-top:    0;
margin-bottom: var(--wpt-cm-title-spacing, 1em);
}
.wpt-content-media__subheading{
font-size:     var( --wpt-text-lg,              1.125rem );
font-weight:   var( --wpt-font-weight-medium,   500 );
line-height:   var( --wpt-leading-snug,          1.375 );
opacity:       0.80;
margin-top:    0;
margin-bottom: var(--wpt-cm-subheading-spacing, 1em);
}
.wpt-content-media__body{
font-size:     var( --wpt-text-base,       1rem );
line-height:   var( --wpt-leading-relaxed, 1.625 );
margin-top:    0;
margin-bottom: var(--wpt-cm-body-spacing, 1.5em);
}
.wpt-content-media__body p{
margin-top:    0;
margin-bottom: 0.75em;
}
.wpt-content-media__body p:last-child{
margin-bottom: 0;
}
.wpt-content-media__btn-wrap{
display:    block;
margin-top: var(--wpt-cm-button-spacing, 2em);
}
.wpt-content-media__media{
overflow:    hidden;
line-height: 0;
width:       100%;
box-sizing:  border-box;
}
.wpt-content-media__media img{
width:      100%;
height:     auto;
display:    block;
object-fit: cover;
}
.wpt-content-media__media--style-square{
border-radius: 0;
}
.wpt-content-media__media--style-rounded{
border-radius: var( --wpt-radius-lg, 0.5rem );
}
.wpt-content-media__media--style-rounded img{
border-radius: var( --wpt-radius-lg, 0.5rem );
}
.wpt-content-media__media--style-circle{
border-radius: 50%;
aspect-ratio:  1 / 1;
}
.wpt-content-media__media--style-circle img{
width:       100%;
height:      100%;
object-fit:  cover;
border-radius: 50%;
}
.wpt-content-media__placeholder{
display:         flex;
flex-direction:  column;
align-items:     center;
justify-content: center;
gap:             12px;
min-height:      220px;
border:          2px dashed #d1d5db;
border-radius:   var( --wpt-radius-lg, 0.5rem );
color:           #9ca3af;
background:      #f9fafb;
padding:         2rem;
text-align:      center;
cursor:          pointer;
width:           100%;
box-sizing:      border-box;
}
.wpt-content-media__placeholder p{
margin:    0;
font-size: 0.875rem;
}
.wpt-content-media .wpt-btn{
display:          inline-block;
font-weight:      600;
text-decoration:  none;
border-radius:    var( --wpt-radius-md, 0.375rem );
background-color: var( --wpt-color-primary, #FF6B35 );
color:            var( --wpt-color-light,    #FFFFFF );
cursor:           pointer;
line-height:      1;
box-sizing:       border-box;
}
.wpt-content-media .wpt-btn--sm{padding: 0.5rem 1rem;font-size: var( --wpt-text-sm,   0.875rem );}
.wpt-content-media .wpt-btn--md{padding: 0.75rem 1.5rem;font-size: var( --wpt-text-base, 1rem );}
.wpt-content-media .wpt-btn--lg{padding: 1rem 2rem;font-size: var( --wpt-text-lg,   1.125rem );}
.wpt-faq__list details,
.wpt-faq__list summary{
list-style: none;
}
.wpt-faq__list summary::-webkit-details-marker{
display: none;
}
.wpt-faq__list summary{
cursor: pointer;
list-style: none;
}
.wpt-faq{
display: block;
width: 100%;
box-sizing: border-box;
}
.wpt-faq--bg-background{background-color: var(--wpt-color-background);}
.wpt-faq--bg-surface{background-color: var(--wpt-color-surface);}
.wpt-faq--bg-primary{background-color: var(--wpt-color-primary);}
.wpt-faq--bg-secondary{background-color: var(--wpt-color-secondary);}
.wpt-faq--bg-accent{background-color: var(--wpt-color-accent);}
.wpt-faq--bg-dark{background-color: var(--wpt-color-dark);}
.wpt-faq--bg-transparent{background-color: transparent;}
.wpt-faq--text-dark{color: var(--wpt-color-text);}
.wpt-faq--text-light{color: var(--wpt-color-text-light);}
.wpt-faq--text-muted{color: var(--wpt-color-text-muted);}
.wpt-faq--pad-v-xs{padding-top: var(--wpt-spacing-xs);padding-bottom: var(--wpt-spacing-xs);}
.wpt-faq--pad-v-sm{padding-top: var(--wpt-spacing-sm);padding-bottom: var(--wpt-spacing-sm);}
.wpt-faq--pad-v-md{padding-top: var(--wpt-spacing-md);padding-bottom: var(--wpt-spacing-md);}
.wpt-faq--pad-v-lg{padding-top: var(--wpt-spacing-lg);padding-bottom: var(--wpt-spacing-lg);}
.wpt-faq--pad-v-xl{padding-top: var(--wpt-spacing-xl);padding-bottom: var(--wpt-spacing-xl);}
.wpt-faq--pad-v-2xl{padding-top: var(--wpt-spacing-2xl);padding-bottom: var(--wpt-spacing-2xl);}
.wpt-faq--pad-v-3xl{padding-top: var(--wpt-spacing-3xl);padding-bottom: var(--wpt-spacing-3xl);}
.wpt-faq--pad-v-4xl{padding-top: var(--wpt-spacing-4xl);padding-bottom: var(--wpt-spacing-4xl);}
.wpt-faq__inner{
margin-left: auto;
margin-right: auto;
width: 100%;
box-sizing: border-box;
}
.wpt-faq__inner--pad-h-xs{padding-left: var(--wpt-spacing-xs);padding-right: var(--wpt-spacing-xs);}
.wpt-faq__inner--pad-h-sm{padding-left: var(--wpt-spacing-sm);padding-right: var(--wpt-spacing-sm);}
.wpt-faq__inner--pad-h-md{padding-left: var(--wpt-spacing-md);padding-right: var(--wpt-spacing-md);}
.wpt-faq__inner--pad-h-lg{padding-left: var(--wpt-spacing-lg);padding-right: var(--wpt-spacing-lg);}
.wpt-faq__inner--pad-h-xl{padding-left: var(--wpt-spacing-xl);padding-right: var(--wpt-spacing-xl);}
.wpt-faq__inner--pad-h-2xl{padding-left: var(--wpt-spacing-2xl);padding-right: var(--wpt-spacing-2xl);}
.wpt-faq__inner--pad-h-3xl{padding-left: var(--wpt-spacing-3xl);padding-right: var(--wpt-spacing-3xl);}
.wpt-faq__section-heading{
margin: 0 0 var(--wpt-spacing-xl);
font-size: var(--wpt-font-size-3xl, 2rem);
font-weight: var(--wpt-font-weight-bold, 700);
line-height: 1.2;
color: inherit;
}
.wpt-faq__list{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
display: flex;
flex-direction: column;
}
.wpt-faq__list--gap-xs{gap: var(--wpt-spacing-xs);}
.wpt-faq__list--gap-sm{gap: var(--wpt-spacing-sm);}
.wpt-faq__list--gap-md{gap: var(--wpt-spacing-md);}
.wpt-faq__list--gap-lg{gap: var(--wpt-spacing-lg);}
.wpt-faq__item{
box-sizing: border-box;
width: 100%;
}
.wpt-faq__list--bordered .wpt-faq__item{
border-bottom: 1px solid var(--wpt-color-border, rgba(0,0,0,0.1));
}
.wpt-faq__list--bordered .wpt-faq__item:first-child{
border-top: 1px solid var(--wpt-color-border, rgba(0,0,0,0.1));
}
.wpt-faq__item--card{
background-color: var(--wpt-color-surface);
border: 1px solid var(--wpt-color-border, rgba(0,0,0,0.08));
}
.wpt-faq__item--card .wpt-faq__question-row,
.wpt-faq__item--card .wpt-faq__answer{
padding-left: var(--wpt-spacing-lg);
padding-right: var(--wpt-spacing-lg);
}
.wpt-faq__item--radius-sm{border-radius: var(--wpt-radius-sm);}
.wpt-faq__item--radius-md{border-radius: var(--wpt-radius-md);}
.wpt-faq__item--radius-lg{border-radius: var(--wpt-radius-lg);}
.wpt-faq__item--radius-xl{border-radius: var(--wpt-radius-xl);}
.wpt-faq__item--radius-2xl{border-radius: var(--wpt-radius-2xl);}
.wpt-faq__list--flush .wpt-faq__item{
border: none;
}
.wpt-faq__question-row{
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wpt-spacing-md);
padding-top: var(--wpt-spacing-lg);
padding-bottom: var(--wpt-spacing-lg);
width: 100%;
text-align: left;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
}
.wpt-faq__question{
margin: 0;
font-size: var(--wpt-font-size-lg, 1.125rem);
font-weight: var(--wpt-font-weight-semibold, 600);
line-height: 1.4;
color: inherit;
flex: 1;
}
.wpt-faq__list--accent-primary   details[open] .wpt-faq__question{color: var(--wpt-color-primary);}
.wpt-faq__list--accent-secondary details[open] .wpt-faq__question{color: var(--wpt-color-secondary);}
.wpt-faq__list--accent-accent    details[open] .wpt-faq__question{color: var(--wpt-color-accent);}
.wpt-faq__list--accent-dark      details[open] .wpt-faq__question{color: var(--wpt-color-dark);}
.wpt-faq__chevron{
flex-shrink: 0;
color: var(--wpt-color-text-muted);
}
.wpt-faq__list--accent-primary   details[open] .wpt-faq__chevron{color: var(--wpt-color-primary);}
.wpt-faq__list--accent-secondary details[open] .wpt-faq__chevron{color: var(--wpt-color-secondary);}
.wpt-faq__list--accent-accent    details[open] .wpt-faq__chevron{color: var(--wpt-color-accent);}
.wpt-faq__list--accent-dark      details[open] .wpt-faq__chevron{color: var(--wpt-color-dark);}
details[open] .wpt-faq__chevron{
transform: rotate(180deg);
}
.wpt-faq__answer{
margin: 0;
padding-bottom: calc(var(--wpt-spacing-md) * var(--wpt-question-spacing, 1));
}
.wpt-faq__answer-text{
margin: 0;
font-size: var(--wpt-font-size-base, 1rem);
line-height: 1.7;
color: var(--wpt-color-text-muted);
}
.wpt-faq--editor{
outline: 2px dashed rgba(99, 102, 241, 0.2);
outline-offset: -2px;
}
.wpt-faq__answer--editor-open{
display: block !important;
}
.wpt-faq__item--selected{
outline: 2px solid var(--wpt-color-primary, #6366f1);
outline-offset: 2px;
}
script[type="application/ld+json"]{
display: none;
}
.wpt-preset-switcher__trigger{
position: fixed;
z-index: 9999;
display: flex;
align-items: center;
gap: var(--wpt-spacing-xs, 0.25rem);
padding: var(--wpt-spacing-sm, 0.5rem) var(--wpt-spacing-md, 1rem);
border: 2px solid var(--wpt-color-primary, #6366f1);
border-radius: var(--wpt-radius-lg, 0.75rem);
background: var(--wpt-color-primary, #6366f1);
color: #fff;
font-size: var(--wpt-font-size-sm, 0.875rem);
font-weight: var(--wpt-font-weight-semibold, 600);
cursor: pointer;
line-height: 1;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.wpt-preset-switcher__trigger--bottom-right{
bottom: var(--wpt-spacing-xl, 2rem);
right: var(--wpt-spacing-xl, 2rem);
}
.wpt-preset-switcher__trigger--bottom-left{
bottom: var(--wpt-spacing-xl, 2rem);
left: var(--wpt-spacing-xl, 2rem);
}
.wpt-preset-switcher__trigger--top-right{
top: var(--wpt-spacing-xl, 2rem);
right: var(--wpt-spacing-xl, 2rem);
}
.wpt-preset-switcher__trigger--top-left{
top: var(--wpt-spacing-xl, 2rem);
left: var(--wpt-spacing-xl, 2rem);
}
.wpt-preset-switcher__trigger:hover,
.wpt-preset-switcher__trigger:focus-visible{
background: var(--wpt-color-primary-dark, #4f46e5);
border-color: var(--wpt-color-primary-dark, #4f46e5);
outline: none;
}
.wpt-preset-switcher__trigger:focus-visible{
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.15),
0 0 0 3px color-mix(in srgb, var(--wpt-color-primary, #6366f1) 35%, transparent);
}
.wpt-preset-switcher__drawer{
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: flex-end;
justify-content: center;
}
.wpt-preset-switcher__drawer[hidden]{
display: none;
}
.wpt-preset-switcher__backdrop{
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
cursor: pointer;
}
.wpt-preset-switcher__panel{
position: relative;
z-index: 1;
width: 100%;
max-width: 480px;
max-height: 80vh;
overflow-y: auto;
background: var(--wpt-color-surface, #fff);
border-radius: var(--wpt-radius-xl, 1rem) var(--wpt-radius-xl, 1rem) 0 0;
box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.15);
padding: var(--wpt-spacing-xl, 2rem) var(--wpt-spacing-lg, 1.5rem) var(--wpt-spacing-2xl, 3rem);
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: var(--wpt-color-border, rgba(0,0,0,0.15)) transparent;
}
.wpt-preset-switcher__panel::-webkit-scrollbar{
width: 4px;
}
.wpt-preset-switcher__panel::-webkit-scrollbar-track{
background: transparent;
}
.wpt-preset-switcher__panel::-webkit-scrollbar-thumb{
background-color: var(--wpt-color-border, rgba(0,0,0,0.2));
border-radius: 2px;
}
.wpt-preset-switcher__header{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--wpt-spacing-lg, 1.5rem);
}
.wpt-preset-switcher__title{
margin: 0;
font-size: var(--wpt-font-size-lg, 1.125rem);
font-weight: var(--wpt-font-weight-bold, 700);
color: var(--wpt-color-text, #1f2937);
line-height: 1.3;
}
.wpt-preset-switcher__close{
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 1px solid var(--wpt-color-border, rgba(0,0,0,0.1));
border-radius: 50%;
background: var(--wpt-color-background, #f9fafb);
color: var(--wpt-color-text-muted, #6b7280);
cursor: pointer;
flex-shrink: 0;
}
.wpt-preset-switcher__close:hover,
.wpt-preset-switcher__close:focus-visible{
background: var(--wpt-color-surface, #fff);
border-color: var(--wpt-color-primary, #6366f1);
color: var(--wpt-color-primary, #6366f1);
outline: none;
}
.wpt-preset-switcher__close:focus-visible{
box-shadow: 0 0 0 3px color-mix(in srgb, var(--wpt-color-primary, #6366f1) 30%, transparent);
}
.wpt-preset-switcher__list{
display: flex;
flex-direction: column;
gap: var(--wpt-spacing-sm, 0.5rem);
margin: 0;
padding: 0;
list-style: none;
}
.wpt-preset-switcher__item{
display: flex;
flex-direction: column;
gap: var(--wpt-spacing-xs, 0.25rem);
padding: var(--wpt-spacing-md, 1rem);
border: 2px solid var(--wpt-color-border, rgba(0,0,0,0.08));
border-radius: var(--wpt-radius-md, 0.5rem);
background: var(--wpt-color-background, #f9fafb);
cursor: pointer;
text-align: left;
width: 100%;
box-sizing: border-box;
}
.wpt-preset-switcher__item:hover,
.wpt-preset-switcher__item:focus-visible{
border-color: var(--wpt-color-primary, #6366f1);
background: var(--wpt-color-surface, #fff);
outline: none;
}
.wpt-preset-switcher__item:focus-visible{
box-shadow: 0 0 0 3px color-mix(in srgb, var(--wpt-color-primary, #6366f1) 25%, transparent);
}
.wpt-preset-switcher__item--active{
border-color: var(--wpt-color-primary, #6366f1);
background: color-mix(in srgb, var(--wpt-color-primary, #6366f1) 6%, var(--wpt-color-surface, #fff));
}
.wpt-preset-switcher__name{
font-size: var(--wpt-font-size-base, 1rem);
font-weight: var(--wpt-font-weight-semibold, 600);
color: var(--wpt-color-text, #1f2937);
line-height: 1.3;
}
.wpt-preset-switcher__item--active .wpt-preset-switcher__name{
color: var(--wpt-color-primary, #6366f1);
}
.wpt-preset-switcher__active-badge{
display: inline-flex;
align-items: center;
gap: 4px;
font-size: var(--wpt-font-size-xs, 0.7rem);
font-weight: var(--wpt-font-weight-semibold, 600);
color: var(--wpt-color-primary, #6366f1);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.wpt-preset-switcher__description{
font-size: var(--wpt-font-size-sm, 0.875rem);
color: var(--wpt-color-text-muted, #6b7280);
line-height: 1.5;
margin: 0;
}
.wpt-preset-switcher__swatches{
display: flex;
gap: 4px;
flex-wrap: wrap;
margin-top: var(--wpt-spacing-xs, 0.25rem);
}
.wpt-preset-switcher__swatch{
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
flex-shrink: 0;
}
.wpt-preset-switcher__reset{
margin-top: var(--wpt-spacing-md, 1rem);
width: 100%;
padding: var(--wpt-spacing-sm, 0.5rem) var(--wpt-spacing-md, 1rem);
border: 1px solid var(--wpt-color-border, rgba(0,0,0,0.1));
border-radius: var(--wpt-radius-md, 0.5rem);
background: transparent;
color: var(--wpt-color-text-muted, #6b7280);
font-size: var(--wpt-font-size-sm, 0.875rem);
cursor: pointer;
text-align: center;
box-sizing: border-box;
}
.wpt-preset-switcher__reset:hover,
.wpt-preset-switcher__reset:focus-visible{
border-color: var(--wpt-color-text-muted, #6b7280);
color: var(--wpt-color-text, #1f2937);
outline: none;
}
.wpt-preset-switcher__reset:focus-visible{
box-shadow: 0 0 0 2px var(--wpt-color-text-muted, #6b7280);
}
body.wpt-preset-switcher--open{
overflow: hidden;
}
.wpt-preset-switcher--editor-placeholder{
display: flex;
align-items: center;
gap: var(--wpt-spacing-sm, 0.5rem);
padding: var(--wpt-spacing-md, 1rem) var(--wpt-spacing-lg, 1.5rem);
border: 2px dashed var(--wpt-color-primary, #6366f1);
border-radius: var(--wpt-radius-md, 0.5rem);
background: color-mix(in srgb, var(--wpt-color-primary, #6366f1) 5%, transparent);
color: var(--wpt-color-primary, #6366f1);
font-size: var(--wpt-font-size-sm, 0.875rem);
font-weight: var(--wpt-font-weight-medium, 500);
}
.wpt-bg-primary{background-color: var(--wpt-color-primary,   #FF6B35);}
.wpt-bg-secondary{background-color: var(--wpt-color-secondary, #004E89);}
.wpt-bg-accent{background-color: var(--wpt-color-accent,    #FFD23F);}
.wpt-bg-dark{background-color: var(--wpt-color-dark,      #1A1A1D);}
.wpt-bg-light{background-color: var(--wpt-color-light,     #FFFFFF);}
.wpt-bg-surface{background-color: var(--wpt-color-surface,   #F8F9FA);}
.wpt-bg-muted{background-color: var(--wpt-color-muted,     #6C757D);}
.wpt-text-primary{color: var(--wpt-color-primary,   #FF6B35);}
.wpt-text-secondary{color: var(--wpt-color-secondary, #004E89);}
.wpt-text-dark{color: var(--wpt-color-dark,      #1A1A1D);}
.wpt-text-light{color: var(--wpt-color-light,     #FFFFFF);}
.wpt-text-muted{color: var(--wpt-color-muted,     #6C757D);}
.wpt-radius-none{border-radius: 0;}
.wpt-radius-sm{border-radius: var(--wpt-radius-sm,   0.25rem);}
.wpt-radius-md{border-radius: var(--wpt-radius-md,   0.375rem);}
.wpt-radius-lg{border-radius: var(--wpt-radius-lg,   0.5rem);}
.wpt-radius-xl{border-radius: var(--wpt-radius-xl,   0.75rem);}
.wpt-radius-full{border-radius: var(--wpt-radius-full, 9999px);}
.wpt-shadow-none{box-shadow: none;}
.wpt-shadow-sm{box-shadow: var(--wpt-shadow-sm, 0 1px 2px rgba(0,0,0,0.05));}
.wpt-shadow-md{box-shadow: var(--wpt-shadow-md, 0 4px 6px -1px rgba(0,0,0,0.1));}
.wpt-shadow-lg{box-shadow: var(--wpt-shadow-lg, 0 10px 15px -3px rgba(0,0,0,0.1));}
.wpt-shadow-xl{box-shadow: var(--wpt-shadow-xl, 0 20px 25px -5px rgba(0,0,0,0.1));}
.wpt-pad-xs{padding-top: var(--wpt-spacing-xs,  0.25rem);padding-bottom: var(--wpt-spacing-xs,  0.25rem);}
.wpt-pad-sm{padding-top: var(--wpt-spacing-sm,  0.5rem);padding-bottom: var(--wpt-spacing-sm,  0.5rem);}
.wpt-pad-md{padding-top: var(--wpt-spacing-md,  1rem);padding-bottom: var(--wpt-spacing-md,  1rem);}
.wpt-pad-lg{padding-top: var(--wpt-spacing-lg,  1.5rem);padding-bottom: var(--wpt-spacing-lg,  1.5rem);}
.wpt-pad-xl{padding-top: var(--wpt-spacing-xl,  2rem);padding-bottom: var(--wpt-spacing-xl,  2rem);}
.wpt-pad-2xl{padding-top: var(--wpt-spacing-2xl, 3rem);padding-bottom: var(--wpt-spacing-2xl, 3rem);}
.wpt-pad-3xl{padding-top: var(--wpt-spacing-3xl, 4rem);padding-bottom: var(--wpt-spacing-3xl, 4rem);}
.wpt-pad-4xl{padding-top: var(--wpt-spacing-4xl, 6rem);padding-bottom: var(--wpt-spacing-4xl, 6rem);}
.wpt-text-left{text-align: left;}
.wpt-text-center{text-align: center;}
.wpt-text-right{text-align: right;}
.wpt-container{
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left:  var(--wpt-spacing-lg, 1.5rem);
padding-right: var(--wpt-spacing-lg, 1.5rem);
box-sizing: border-box;
}
.wpt-btn{
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--wpt-spacing-xs, 0.25rem);
font-family: var(--wpt-font-body, sans-serif);
font-weight: var(--wpt-font-semibold, 600);
text-decoration: none;
border: 2px solid transparent;
cursor: pointer;
border-radius: var(--wpt-radius-md, 0.375rem);
line-height: 1;
box-sizing: border-box;
}
.wpt-btn--sm{padding: var(--wpt-spacing-xs, 0.25rem) var(--wpt-spacing-sm, 0.5rem);font-size: var(--wpt-text-sm, 0.875rem);}
.wpt-btn--md{padding: var(--wpt-spacing-sm, 0.5rem)  var(--wpt-spacing-md, 1rem);font-size: var(--wpt-text-base, 1rem);}
.wpt-btn--lg{padding: var(--wpt-spacing-md, 1rem)    var(--wpt-spacing-xl, 2rem);font-size: var(--wpt-text-lg, 1.125rem);}
.wpt-btn--primary{background: var(--wpt-color-primary,   #FF6B35);color: #fff;}
.wpt-btn--secondary{background: var(--wpt-color-secondary, #004E89);color: #fff;}
.wpt-btn--outline{background: transparent;border-color: currentColor;}
.wpt-glass{
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.wpt-grid{display: grid;}
.wpt-grid--2col{grid-template-columns: repeat(2, 1fr);gap: var(--wpt-spacing-lg, 1.5rem);}
.wpt-grid--3col{grid-template-columns: repeat(3, 1fr);gap: var(--wpt-spacing-lg, 1.5rem);}
.wpt-grid--4col{grid-template-columns: repeat(4, 1fr);gap: var(--wpt-spacing-lg, 1.5rem);}
@media (max-width: 1024px){
.wpt-grid--4col,.wpt-grid--3col{grid-template-columns: repeat(2,1fr);}
}
@media (max-width: 640px){
.wpt-grid--2col,.wpt-grid--3col,.wpt-grid--4col{grid-template-columns: 1fr;}
}
@media (max-width: 640px){
.wpt-hide-mobile{display: none !important;}
}
@media (min-width: 641px) and (max-width: 1024px){
.wpt-hide-tablet{display: none !important;}
}
@media (min-width: 1025px){
.wpt-hide-desktop{display: none !important;}
}
@media (max-width: 640px){
.wpt-mobile-stack{flex-direction: column !important;}
.wpt-mobile-row{flex-direction: row    !important;flex-wrap: wrap;}
}
@media (min-width: 641px) and (max-width: 1024px){
.wpt-tablet-stack{flex-direction: column !important;}
.wpt-tablet-row{flex-direction: row    !important;flex-wrap: wrap;}
}
@media (min-width: 1025px){
.wpt-desktop-stack{flex-direction: column !important;}
.wpt-desktop-row{flex-direction: row    !important;flex-wrap: wrap;}
}
.wpt-sr-only{
position: absolute;width: 1px;height: 1px;
padding: 0;margin: -1px;overflow: hidden;
clip: rect(0,0,0,0);white-space: nowrap;border: 0;
}
#wpt-ip-wrap{
position:        fixed;
inset:           0;
z-index:         999999;
background:      rgba(0, 0, 0, 0.75);
display:         flex;
align-items:     center;
justify-content: center;
padding:         20px;
box-sizing:      border-box;
backdrop-filter: blur(2px);
}
#wpt-ip-modal{
width:            720px;
max-width:        100%;
max-height:       90vh;
background:       #1a2130;
border:           1px solid #2e3a4e;
border-radius:    14px;
box-shadow:       0 24px 80px rgba(0,0,0,0.6);
display:          flex;
flex-direction:   column;
overflow:         hidden;
font-family:      -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.wpt-ip-topbar{
display:         flex;
align-items:     center;
justify-content: space-between;
padding:         14px 16px 12px;
background:      #151c28;
border-bottom:   1px solid #2e3a4e;
flex-shrink:     0;
}
.wpt-ip-topbar-title{
display:     flex;
align-items: center;
gap:         8px;
font-size:   14px;
font-weight: 600;
color:       #e2e8f0;
}
.wpt-ip-close-btn{
display:         flex;
align-items:     center;
justify-content: center;
width:           30px;
height:          30px;
background:      none;
border:          1px solid #2e3a4e;
border-radius:   6px;
color:           #64748b;
cursor:          pointer;
padding:         0;
font-size:       14px;
line-height:     1;
}
.wpt-ip-close-btn:hover{color: #e2e8f0;background: #2e3a4e;border-color: #3d4f66;}
.wpt-ip-cat-bar{
background:    #151c28;
border-bottom: 1px solid #2e3a4e;
flex-shrink:   0;
}
.wpt-ip-cat-tabs{
display:         flex;
padding:         8px 12px 0;
overflow-x:      auto;
scrollbar-width: none;
}
.wpt-ip-cat-tabs::-webkit-scrollbar{display: none;}
.wpt-ip-ctab{
background:     none;
border:         none;
border-bottom:  2px solid transparent;
color:          #4a5568;
cursor:         pointer;
font-size:      12px;
font-weight:    600;
padding:        6px 12px 8px;
white-space:    nowrap;
letter-spacing: 0.02em;
text-transform: capitalize;
border-radius:  4px 4px 0 0;
margin-right:   2px;
}
.wpt-ip-ctab:hover{color: #94a3b8;background: rgba(255,255,255,0.04);}
.wpt-ip-ctab--on{
color:               #ff6b35 !important;
border-bottom-color: #ff6b35;
background:          rgba(255,107,53,0.08);
}
.wpt-ip-search-row{
display:       flex;
align-items:   center;
gap:           10px;
padding:       10px 14px;
background:    #1a2130;
border-bottom: 1px solid #2e3a4e;
flex-shrink:   0;
}
.wpt-ip-search-box{
flex:        1;
position:    relative;
display:     flex;
align-items: center;
}
.wpt-ip-search-svg{
position:       absolute;
left:           10px;
color:          #4a5568;
pointer-events: none;
}
#wpt-ip-search{
width:         100%;
background:    #1e2a3a;
border:        1px solid #2e3a4e;
border-radius: 7px;
padding:       8px 12px 8px 34px;
color:         #e2e8f0;
font-size:     13px;
outline:       none;
}
#wpt-ip-search::placeholder{
color: #4a5568;
}
#wpt-ip-search:focus{
border-color: #ff6b35;
box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.15);
}
.wpt-ip-count{
font-size:   12px;
color:       #4a5568;
white-space: nowrap;
min-width:   60px;
text-align:  right;
}
.wpt-ip-grid-area{
flex:            1;
overflow-y:      auto;
min-height:      0;
padding:         10px;
background:      #1a2130;
scrollbar-width: thin;
scrollbar-color: #2e3a4e #1a2130;
}
.wpt-ip-grid-area::-webkit-scrollbar{width: 5px;}
.wpt-ip-grid-area::-webkit-scrollbar-track{background: #1a2130;}
.wpt-ip-grid-area::-webkit-scrollbar-thumb{background: #2e3a4e;border-radius: 3px;}
.wpt-ip-loading-state{
display:         flex;
flex-direction:  column;
align-items:     center;
justify-content: center;
gap:             12px;
padding:         50px 20px;
color:           #4a5568;
font-size:       13px;
}
.wpt-ip-spinner{
width:            28px;
height:           28px;
border:           3px solid #2e3a4e;
border-top-color: #ff6b35;
border-radius:    50%;
animation: wpt-spin 0.7s linear infinite;
}
@keyframes wpt-spin{
to{
transform: rotate(360deg);
}
}
.wpt-ip-empty-state{
text-align: center;
padding:    50px 20px;
color:      #4a5568;
font-size:  13px;
}
.wpt-ip-grid{
display:               grid;
grid-template-columns: repeat( auto-fill, minmax(46px, 1fr) );
gap:                   4px;
}
.wpt-ip-item{
display:         flex;
align-items:     center;
justify-content: center;
aspect-ratio:    1;
background:      #1e2a3a;
border:          1px solid transparent;
border-radius:   7px;
color:           #64748b;
cursor:          pointer;
padding:         0;
position:        relative;
}
.wpt-ip-item:hover{background: #263347;color: #e2e8f0;border-color: #3d4f66;}
.wpt-ip-item--on{
background:   rgba(255, 107, 53, 0.15) !important;
border-color: #ff6b35 !important;
color:        #ff6b35 !important;
}
.wpt-ip-item--pending{
background:   rgba(255, 107, 53, 0.28) !important;
border-color: #ff6b35 !important;
color:        #ff6b35 !important;
box-shadow:   0 0 0 2px rgba(255, 107, 53, 0.4) !important;
}
.wpt-ip-item:hover::after{
content:        attr(title);
position:       absolute;
top:            calc(100% + 5px);
left:           50%;
transform:      translateX(-50%);
background:     #0f1520;
border:         1px solid #2e3a4e;
color:          #e2e8f0;
font-size:      10px;
line-height:    1.2;
padding:        3px 7px;
border-radius:  4px;
white-space:    nowrap;
pointer-events: none;
z-index:        10;
max-width:      180px;
overflow:       hidden;
text-overflow:  ellipsis;
}
.wpt-ip-footer{
display:        flex;
flex-direction: column;
padding:        0;
background:     #151c28;
border-top:     1px solid #2e3a4e;
flex-shrink:    0;
}
.wpt-ip-size-row{
display:       flex;
align-items:   center;
gap:           8px;
padding:       8px 14px;
border-bottom: 1px solid #2e3a4e;
background:    #131a26;
}
.wpt-ip-size-label{
font-size:      10px;
font-weight:    700;
color:          #4a5568;
text-transform: uppercase;
letter-spacing: 0.05em;
flex-shrink:    0;
}
.wpt-ip-size-btns{
display:         flex;
gap:             4px;
flex-wrap:       wrap;
flex:            1;
min-width:       0;
}
.wpt-ip-size-btn{
background:    none;
border:        1px solid #2e3a4e;
border-radius: 5px;
color:         #64748b;
cursor:        pointer;
font-size:     10px;
font-weight:   600;
padding:       4px 8px;
white-space:   nowrap;
flex-shrink:   0;
line-height:   1;
}
.wpt-ip-size-btn:hover{color: #e2e8f0;border-color: #3d4f66;background: #263347;}
.wpt-ip-size-btn--on{
background:   rgba(255, 107, 53, 0.18) !important;
border-color: #ff6b35 !important;
color:        #ff6b35 !important;
}
.wpt-ip-size-px{
font-size:   10px;
color:       #ff6b35;
font-family: monospace;
font-weight: 700;
flex-shrink: 0;
min-width:   30px;
text-align:  right;
}
.wpt-ip-footer-main{
display:         flex;
align-items:     center;
justify-content: space-between;
padding:         10px 14px;
gap:             10px;
}
.wpt-ip-footer-left{
display:     flex;
align-items: center;
gap:         10px;
min-width:   0;
flex-shrink: 1;
}
.wpt-ip-footer-thumb{
display:         flex;
align-items:     center;
justify-content: center;
width:           38px;
height:          38px;
background:      #1e2a3a;
border:          1px solid #2e3a4e;
border-radius:   8px;
flex-shrink:     0;
}
.wpt-ip-footer-name{
font-size:     13px;
font-weight:   500;
color:         #e2e8f0;
font-family:   monospace;
overflow:      hidden;
text-overflow: ellipsis;
white-space:   nowrap;
max-width:     180px;
}
.wpt-ip-footer-hint{
font-size:  11px;
color:      #4a5568;
margin-top: 1px;
}
.wpt-ip-footer-actions{
display:     flex;
align-items: center;
gap:         8px;
flex-shrink: 0;
}
.wpt-ip-insert-btn{
display:       inline-flex;
align-items:   center;
background:    #1e2a3a;
border:        1px solid #2e3a4e;
border-radius: 6px;
color:         #4a5568;
cursor:        default;
font-size:     12px;
font-weight:   600;
padding:       7px 14px;
white-space:   nowrap;
opacity:       0.5;
}
.wpt-ip-insert-btn--ready{
background:   #ff6b35;
border-color: #e85a22;
color:        #ffffff;
cursor:       pointer;
opacity:      1;
}
.wpt-ip-insert-btn--ready:hover{
background:   #e85a22;
border-color: #cc4d1a;
}
.wpt-ip-insert-btn--ready:focus-visible{
outline:        2px solid #ff6b35;
outline-offset: 2px;
}
.wpt-ip-clear-btn{
background:    none;
border:        1px solid #2e3a4e;
border-radius: 6px;
color:         #64748b;
cursor:        pointer;
font-size:     12px;
padding:       6px 12px;
white-space:   nowrap;
flex-shrink:   0;
}
.wpt-ip-clear-btn:hover{color: #e2e8f0;border-color: #3d4f66;background: #2e3a4e;}
.wpt-ip-trigger{
display:       inline-flex;
align-items:   center;
gap:           8px;
padding:       7px 10px;
background:    #1e2a3a;
border:        1px solid #2e3a4e;
border-radius: 7px;
color:         #94a3b8;
cursor:        pointer;
font-size:     12px;
min-width:     150px;
max-width:     100%;
user-select:   none;
}
.wpt-ip-trigger:hover{border-color: #ff6b35;background: #263347;}
.wpt-ip-trigger-icon{
display:         flex;
align-items:     center;
justify-content: center;
width:           26px;
height:          26px;
background:      #ff6b35;
border-radius:   5px;
flex-shrink:     0;
}
.wpt-ip-trigger-label{
flex:          1;
overflow:      hidden;
text-overflow: ellipsis;
white-space:   nowrap;
font-family:   monospace;
}
#wpt-ip-modal *,
#wpt-ip-modal *::before,
#wpt-ip-modal *::after{
box-sizing: border-box;
}
#wpt-ip-modal button:focus-visible{
outline: 2px solid #ff6b35;
outline-offset: 2px;
}
#wpt-ip-modal p{
margin: 0;
}
.wpt-icon-mask{
display:               inline-block;
flex-shrink:           0;
vertical-align:        middle;
background-color:      currentColor;
-webkit-mask-image:    var(--tp-icon-src);
mask-image:    var(--tp-icon-src);
-webkit-mask-size:     contain;
mask-size:     contain;
-webkit-mask-repeat:   no-repeat;
mask-repeat:   no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.wpt-icon-mask--xs{
width:  var(--tp-icon-size-xs, 16px);
height: var(--tp-icon-size-xs, 16px);
}
.wpt-icon-mask--sm{
width:  var(--tp-icon-size-sm, 20px);
height: var(--tp-icon-size-sm, 20px);
}
.wpt-icon-mask--md{
width:  var(--tp-icon-size-md, 24px);
height: var(--tp-icon-size-md, 24px);
}
.wpt-icon-mask--lg{
width:  var(--tp-icon-size-lg, 28px);
height: var(--tp-icon-size-lg, 28px);
}
.wpt-icon-mask--xl{
width:  var(--tp-icon-size-xl, 32px);
height: var(--tp-icon-size-xl, 32px);
}
.wpt-icon-mask--2xl{
width:  var(--tp-icon-size-2xl, 40px);
height: var(--tp-icon-size-2xl, 40px);
}
.wpt-icon-mask--3xl{
width:  var(--tp-icon-size-3xl, 48px);
height: var(--tp-icon-size-3xl, 48px);
}
.wpt-icon-mask--4xl{
width:  var(--tp-icon-size-4xl, 56px);
height: var(--tp-icon-size-4xl, 56px);
}
.wpt-icon-mask--5xl{
width:  var(--tp-icon-size-5xl, 64px);
height: var(--tp-icon-size-5xl, 64px);
}
.wpt-ip-cat-bar--searching .wpt-ip-ctab{
opacity:        0.35;
cursor:         default;
pointer-events: none;
}
.wpt-ip-search-clear{
position:    absolute;
right:       8px;
background:  none;
border:      none;
color:       #4a5568;
cursor:      pointer;
font-size:   12px;
line-height: 1;
padding:     2px 4px;
}
.wpt-ip-search-clear:hover{color: #e2e8f0;}
.wpt-ip-grid--search{
grid-template-columns: repeat( auto-fill, minmax(52px, 1fr) );
gap: 4px;
}
.wpt-ip-item--search{
flex-direction: column;
gap:            2px;
aspect-ratio:   unset;
padding:        6px 2px 4px;
height:         60px;
}
.wpt-ip-item-cat{
display:       block;
font-size:     8px;
line-height:   1.1;
color:         #4a5568;
text-align:    center;
overflow:      hidden;
text-overflow: ellipsis;
white-space:   nowrap;
width:         100%;
padding:       0 2px;
}
.wpt-ip-item--search:hover .wpt-ip-item-cat{color: #94a3b8;}
.wpt-ip-item--on .wpt-ip-item-cat{color: #ff6b35 !important;}
.wpt-ip-item--pending .wpt-ip-item-cat{color: #ff6b35 !important;}