.headline-xl{font-family:"Montserrat",sans-serif;font-size:40px;line-height:48px;letter-spacing:-.02em;font-weight:700}.headline-lg{font-family:"Montserrat",sans-serif;font-size:32px;line-height:40px;letter-spacing:-.01em;font-weight:600}.headline-sm{font-family:"Montserrat",sans-serif;font-size:20px;line-height:28px;font-weight:600}.body-lg{font-family:"Inter",sans-serif;font-size:18px;line-height:28px;font-weight:400}.mobile-menu-trigger.is-active .icon-close{display:block!important}.mobile-menu-trigger.is-active .icon-menu{display:none!important}@media (max-width:767px){.nav-links.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.nav-links button.btn-contact{width:100%;margin-top:12px;padding:14px;font-size:15px;border-radius:12px}.dropdown-group button span{transition:transform .2s ease}.dropdown-menu.is-open{display:block}}.wp-shortcode-slider{display:block;width:100%;min-height:480px}.wp-shortcode-slider .splitview-slider,.wp-shortcode-slider .splitviewsingle-slider{min-height:480px}@media (max-width:768px){.wp-shortcode-slider{min-height:330px}.wp-shortcode-slider .splitview-slider,.wp-shortcode-slider .splitviewsingle-slider{min-height:330px}}.hero-section{margin-top:64px;margin-bottom:var(--spacing-xl)}.hero-text{text-align:center;max-width:768px;margin:0 auto var(--spacing-xl)}.hero-h1{color:var(--primary);margin-bottom:var(--spacing-md)}.hero-desc{color:var(--on-surface-variant);margin-bottom:var(--spacing-lg)}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.hero-badge-wrapper{margin-bottom:var(--spacing-md)}.hero-badge-tech{display:inline-block;background-color:rgba(0,162,232,.08);color:var(--secondary);font-family:"Inter",sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:6px 16px;border-radius:30px;box-sizing:border-box;border:1px solid rgba(0,162,232,.15)}.hero-headline{font-family:"Montserrat",sans-serif;color:var(--primary);font-size:46px;font-weight:800;line-height:1.25;letter-spacing:-.02em;margin:0 auto var(--spacing-md);text-align:center;max-width:800px}.text-gradient{background:linear-gradient(135deg,var(--primary) 20%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subheadline{font-family:"Inter",sans-serif;color:var(--on-surface-variant);font-size:17px;line-height:1.65;max-width:760px;margin:0 auto 36px;text-align:center}.btn-primary{background-color:var(--primary);color:var(--on-primary);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-xl);cursor:pointer;text-decoration:none;transition:box-shadow .2s,transform .1s}.btn-primary:hover{box-shadow:0 10px 15px -3px rgba(0,32,96,.15)}.btn-primary:active{transform:scale(.95)}.btn-outline{background:0 0;color:var(--primary);border:1px solid var(--primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-xl);cursor:pointer;text-decoration:none;transition:background-color .2s,transform .1s}.btn-outline:hover{background-color:var(--slate-50)}.slider-container{display:flex;height:500px;width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,32,96,.1),0 10px 10px -5px rgba(0,32,96,.04);border:1px solid var(--slate-100)}.slider-panel{position:relative;height:100%;overflow:hidden;cursor:pointer;width:25%;transition:width .6s cubic-bezier(.22,1,.36,1)}.slider-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slider-panel-overlay{position:absolute;inset:0;background-color:rgba(0,32,96,.2);opacity:0;transition:opacity .3s ease}@media (min-width:768px){.slider-panel:hover{width:50%}.slider-panel:not(:hover){width:25%}.slider-container:hover .slider-panel:not(:hover){width:16.66%}.slider-container:hover .slider-panel:hover{width:66.66%}.slider-panel:hover .slider-panel-overlay{opacity:1}.slider-panel:hover .slider-panel-content{opacity:1;transform:translateY(0)}}.performance-section{background-color:var(--slate-50);padding:96px 0}.performance-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:center}.gauge-wrapper{display:flex;justify-content:center}.gauge{position:relative;width:256px;height:256px;display:flex;align-items:center;justify-content:center}.gauge-track{position:absolute;inset:0;border:12px solid var(--slate-200);border-radius:50%}.gauge-fill{position:absolute;inset:0;border:12px solid var(--secondary);border-radius:50%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.gauge-content{text-align:center;z-index:10}.gauge-score{font-size:80px;font-weight:700;color:var(--primary);display:block;line-height:1}.gauge-label{color:var(--primary);letter-spacing:.1em;text-transform:uppercase}.performance-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.performance-title{color:var(--primary)}.performance-desc{color:var(--on-surface-variant)}.checklist{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0}.checklist-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--on-surface)}.checklist-icon{color:var(--secondary)}@media (min-width:768px){.performance-grid{grid-template-columns:1fr 1fr}}.features-section{padding-top:96px;padding-bottom:96px;max-width:896px;margin:0 auto}.features-title{color:var(--primary);text-align:center;margin-bottom:var(--spacing-xl)}.timeline{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xl)}.timeline-line{position:absolute;left:32px;top:0;bottom:0;width:2px;background-color:var(--slate-100)}.timeline-node{display:flex;gap:var(--spacing-lg);position:relative}.timeline-circle{z-index:10;width:64px;height:64px;border-radius:50%;background-color:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--on-primary);font-weight:700;font-size:20px;flex-shrink:0}.timeline-content{padding-top:8px}.timeline-node-title{color:var(--primary);margin-bottom:var(--spacing-xs)}.timeline-node-desc{color:var(--on-surface-variant)}.timeline-node-desc.highlighted{border-left:2px solid var(--secondary);padding-left:var(--spacing-md);margin-top:var(--spacing-sm)}.pricing-section{padding:96px 0;background-color:var(--slate-50)}.pricing-header{text-align:center;margin-bottom:var(--spacing-xl)}.pricing-title{color:var(--primary);margin-bottom:var(--spacing-md)}.pricing-subtitle{color:var(--on-surface-variant);max-width:576px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:896px;margin:0 auto;align-items:center}.pricing-card{border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:box-shadow .2s,transform .2s}.pricing-card.standard{background-color:var(--background);border:1px solid var(--slate-200);box-shadow:0 1px 3px rgba(0,0,0,.05)}.pricing-card.standard:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}.pricing-card.agency{background-color:var(--primary);border:4px solid var(--secondary);position:relative;box-shadow:0 25px 50px -12px rgba(0,32,96,.25);transform:scale(1)}@media (min-width:768px){.pricing-grid{grid-template-columns:1fr 1fr}.pricing-card.agency{transform:scale(1.05)}}.pricing-badge{position:absolute;top:-16px;right:32px;background-color:var(--secondary);color:var(--on-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:9999px}.pricing-card-title{color:var(--primary)}.pricing-card.agency .pricing-card-title{color:var(--background)}.price-wrapper{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex;align-items:baseline}.price-amount{color:var(--primary)}.pricing-card.agency .price-amount{color:var(--background)}.price-period{color:var(--on-surface-variant)}.pricing-card.agency .price-period{color:rgba(255,255,255,.7)}.pricing-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:0}.pricing-list-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary)}.pricing-card.agency .pricing-list-item{color:rgba(255,255,255,.9)}.btn-buy-standard{width:100%;background-color:var(--primary);color:var(--on-primary);padding:var(--spacing-md) 0;border-radius:var(--radius-xl);border:none;cursor:pointer;transition:opacity .2s,transform .1s}.btn-buy-standard:hover{opacity:.9}.btn-buy-standard:active{transform:scale(.98)}.btn-buy-agency{width:100%;background-color:var(--secondary);color:var(--on-secondary);padding:var(--spacing-md) 0;border-radius:var(--radius-xl);border:none;cursor:pointer;transition:filter .2s,box-shadow .2s,transform .1s}.btn-buy-agency:hover{filter:brightness(1.1);box-shadow:0 10px 15px -3px rgba(0,162,232,.3)}.btn-buy-agency:active{transform:scale(.98)}.footer-brand-title{color:var(--primary)}.slider-panel-content{position:absolute;bottom:var(--spacing-lg);left:var(--spacing-lg);right:var(--spacing-lg);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;z-index:15}.glass-card{background:rgba(255,255,255,.75);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl);padding:var(--spacing-md);box-shadow:0 8px 32px 0 rgba(0,32,96,.08);color:var(--primary);max-width:320px}.glass-card h3{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:700;margin-bottom:4px;line-height:1.2}.glass-card p{font-size:13px;color:var(--on-surface-variant);margin-bottom:12px;line-height:1.4}.btn-sub-cta{display:inline-flex;align-items:center;color:var(--secondary);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:color .2s ease}.btn-sub-cta:hover{color:var(--primary)}.btn-sub-cta::after{content:"→";margin-left:4px;font-size:14px;transition:transform .2s ease}.btn-sub-cta:hover::after{transform:translateX(4px)}@media (max-width:767px){.slider-container{flex-wrap:wrap;height:auto;box-shadow:0 10px 15px -3px rgba(0,32,96,.1)}.slider-panel{width:50%!important;height:260px;border-bottom:1px solid rgba(255,255,255,.1)}.slider-panel:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}.slider-panel-overlay{opacity:.6;background:linear-gradient(to top,rgba(0,32,96,.7) 0%,rgba(0,32,96,.15) 100%)}.slider-panel-content{opacity:1;transform:translateY(0);bottom:var(--spacing-sm);left:var(--spacing-sm);right:var(--spacing-sm)}.glass-card{padding:var(--spacing-sm);max-width:100%;background:rgba(255,255,255,.85)}.glass-card h3{font-size:14px;margin-bottom:2px}.glass-card p{font-size:11px;margin-bottom:8px;line-height:1.3}.btn-sub-cta{font-size:11px}.hero-headline{font-size:28px;line-height:1.35;margin-bottom:var(--spacing-md)}.hero-subheadline{font-size:15px;line-height:1.6;margin-bottom:24px}.hero-buttons{flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:320px;margin:0 auto}.hero-buttons button{width:100%}}.timeline-node{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}.timeline-node.is-visible{opacity:1;transform:translateY(0)}.timeline-line{height:0;transition:height 1.8s cubic-bezier(.25,.46,.45,.94)}.timeline-line.is-visible{height:100%}.checkout-modal-overlay{position:fixed;inset:0;background-color:rgba(0,32,96,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.checkout-modal-overlay.is-active{opacity:1;pointer-events:auto}.checkout-modal{background-color:var(--background);border-radius:var(--radius-xl);width:90%;max-width:460px;box-shadow:0 25px 50px -12px rgba(0,32,96,.25);border:1px solid var(--slate-200);overflow:hidden;transform:translateY(30px);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.checkout-modal-overlay.is-active .checkout-modal{transform:translateY(0)}.checkout-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--slate-100);display:flex;justify-content:space-between;align-items:center;background-color:var(--slate-50)}.checkout-modal-title{color:var(--primary);font-family:"Montserrat",sans-serif;font-size:18px;font-weight:700}.checkout-modal-close{background:0 0;border:none;cursor:pointer;color:var(--primary);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background-color .2s}.checkout-modal-close:hover{background-color:var(--slate-100)}.checkout-modal-body{padding:var(--spacing-lg)}.checkout-plan-info{margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.checkout-plan-name{font-weight:600;color:var(--primary);font-size:16px}.checkout-plan-price{font-size:24px;font-weight:800;color:var(--secondary)}.checkout-checklist{list-style:none;padding:0;margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkout-checklist-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--on-surface-variant);font-size:13px}.checkout-checklist-icon{color:#10b981;width:18px;height:18px;fill:currentColor}.checkout-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkout-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkout-label{font-size:12px;font-weight:600;color:var(--primary)}.checkout-input{width:100%;padding:12px var(--spacing-md);border:1px solid var(--slate-200);border-radius:var(--radius-xl);font-family:"Inter",sans-serif;font-size:14px;color:var(--primary);outline:none;transition:border-color .2s,box-shadow .2s}.checkout-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(0,162,232,.15)}.checkout-submit-btn{width:100%;background-color:var(--secondary);color:var(--on-secondary);padding:14px 0;border-radius:var(--radius-xl);border:none;font-family:"Inter",sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s,transform .1s;margin-top:var(--spacing-sm)}.checkout-submit-btn:hover{filter:brightness(1.1)}.checkout-submit-btn:active{transform:scale(.98)}.builder-compatibility-section{padding:96px 0;background-color:var(--slate-50);border-top:1px solid var(--slate-100);border-bottom:1px solid var(--slate-100)}.compatibility-section-title{font-family:"Montserrat",sans-serif;font-size:32px;font-weight:800;color:var(--primary);text-align:center;margin-bottom:var(--spacing-xs)}.compatibility-section-subtitle{font-family:"Inter",sans-serif;font-size:16px;line-height:1.6;color:var(--on-surface-variant);text-align:center;max-width:640px;margin:0 auto 56px}.builder-cards-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width:640px){.builder-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.builder-cards-grid{grid-template-columns:repeat(4,1fr)}}.builder-card{background-color:var(--background);border:3px solid var(--primary);border-radius:16px;padding:var(--spacing-lg);box-shadow:4px 4px 0 0 var(--primary);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease,border-color .2s;display:flex;flex-direction:column;gap:var(--spacing-sm);cursor:default}.builder-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.builder-logo-wrapper{display:flex;align-items:center;justify-content:center;filter:drop-shadow(2px 2px 0px rgba(0,32,96,.15));transition:transform .3s ease}.builder-card:hover .builder-logo-wrapper{transform:scale(1.1) rotate(3deg)}.builder-logo-img{display:block;width:40px;height:40px;object-fit:contain}.builder-badge{font-size:9px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:9999px;border:2px solid var(--primary);letter-spacing:.05em;box-shadow:2px 2px 0 0 var(--primary);white-space:nowrap}.elementor-badge{background-color:rgba(146,0,59,.1);color:#92003b}.divi-badge{background-color:rgba(126,59,208,.1);color:#7e3bd0}.wpbakery-badge{background-color:rgba(59,130,246,.1);color:#3b82f6}.gutenberg-badge{background-color:rgba(33,117,155,.1);color:#21759b}.builder-name{font-family:"Montserrat",sans-serif;font-size:18px;font-weight:800;color:var(--primary);margin:0}.builder-desc{font-family:"Inter",sans-serif;font-size:13px;line-height:1.5;color:var(--on-surface-variant);margin:0}.builder-card.elementor-card:hover{border-color:#92003b;box-shadow:6px 6px 0 0 #92003b;transform:translateY(-4px)}.builder-card.divi-card:hover{border-color:#7e3bd0;box-shadow:6px 6px 0 0 #7e3bd0;transform:translateY(-4px)}.builder-card.wpbakery-card:hover{border-color:#182a4d;box-shadow:6px 6px 0 0 #182a4d;transform:translateY(-4px)}.builder-card.gutenberg-card:hover{border-color:#21759b;box-shadow:6px 6px 0 0 #21759b;transform:translateY(-4px)}.features-grid-section{padding-top:96px;padding-bottom:48px}.features-cta-container{display:flex;justify-content:center;margin-top:48px}.section-header{text-align:center;max-width:640px;margin:0 auto 56px}.section-title{color:var(--primary);margin-bottom:var(--spacing-md)}.section-subtitle{color:var(--on-surface-variant)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:var(--background);border:1px solid var(--slate-100);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 4px 6px -1px rgba(0,32,96,.02);transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,32,96,.08);border-color:rgba(0,162,232,.3)}.feature-card-icon{color:var(--secondary);width:60px;height:60px;background-color:rgba(0,162,232,.06);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);transition:background-color .3s ease,color .3s ease}.feature-card:hover .feature-card-icon{background-color:var(--primary);color:#fff}.feature-card-title{color:var(--primary);margin-bottom:var(--spacing-sm)}.feature-card-desc{color:var(--on-surface-variant);line-height:1.5}.comparison-section{padding:96px 0;background-color:var(--slate-50)}.table-wrapper{overflow-x:auto;background-color:var(--background);border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px rgba(0,32,96,.05);border:1px solid var(--slate-200)}.comparison-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.comparison-table th,.comparison-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--slate-100);font-size:14px}.comparison-table th{font-family:"Montserrat",sans-serif;font-weight:700;color:var(--primary);background-color:var(--slate-50)}.comparison-table td.feature-label{font-weight:600;color:var(--primary)}.comparison-table td.active-col,.comparison-table th.active-col{background-color:rgba(0,162,232,.03);border-left:1.5px solid rgba(0,162,232,.15);border-right:1.5px solid rgba(0,162,232,.15)}.comparison-table td.positive{color:#10b981;font-weight:600}.comparison-table td.negative{color:#ef4444}.faq-section{padding:96px 0}.faq-accordion-group{max-width:768px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.faq-item{border:1px solid var(--slate-200);border-radius:var(--radius-xl);overflow:hidden;background-color:var(--background);transition:border-color .2s,box-shadow .2s}.faq-item:hover{border-color:var(--secondary);box-shadow:0 4px 6px -1px rgba(0,32,96,.02)}.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:0 0;border:none;cursor:pointer;text-align:left;color:var(--primary);outline:none}.faq-question{font-family:"Montserrat",sans-serif;font-weight:600;font-size:16px}.faq-icon{transition:transform .3s cubic-bezier(.25,.46,.45,.94);color:var(--slate-400)}.faq-item.is-active .faq-icon{transform:rotate(180deg);color:var(--secondary)}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.25,.46,.45,.94);padding:0;color:var(--on-surface-variant)}.faq-item.is-active .faq-content{padding:0}.faq-content p{line-height:1.6;margin:0;padding:8px var(--spacing-lg) var(--spacing-lg)}.admin-tour-section{padding:96px 0;background-color:var(--surface-container)}.tour-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:stretch;margin-top:48px}.tour-tabs-wrapper{display:flex;flex-direction:column;gap:16px}.tour-tab{background-color:var(--background);border:1px solid var(--slate-200);border-radius:var(--radius-full);padding:16px var(--spacing-lg);cursor:pointer;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s,background-color .3s}.tour-tab:hover{border-color:var(--secondary);background-color:rgba(0,162,232,.01)}.tour-tab.active{border-color:var(--secondary);box-shadow:0 8px 16px -6px rgba(0,32,96,.08);background-color:var(--background)}.tour-tab-header{display:flex;align-items:center;gap:12px}.tour-tab-icon{color:var(--slate-400);transition:color .3s}.tour-tab.active .tour-tab-icon{color:var(--secondary)}.tour-tab-title{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin:0}.tour-tab-desc{max-height:0;opacity:0;overflow:hidden;color:var(--on-surface-variant);margin:0;transition:max-height .3s cubic-bezier(.25,.46,.45,.94),opacity .3s ease,margin-top .3s ease}.tour-tab.active .tour-tab-desc{max-height:120px;opacity:1;margin-top:8px}.tour-progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--slate-100);opacity:0;transition:opacity .3s}.tour-tab.active .tour-progress-track{opacity:1}.tour-progress-bar{height:100%;width:0%;background-color:var(--secondary);transition:width .1s linear}.tour-display-wrapper{position:sticky;top:120px;height:100%}.tour-window-frame{border:1px solid var(--slate-200);border-radius:var(--radius-full);overflow:hidden;background-color:var(--primary);box-shadow:0 24px 48px -12px rgba(0,32,96,.12),0 0 40px rgba(0,162,232,.05);transition:transform .3s ease;height:100%;display:flex;flex-direction:column}.tour-window-frame:hover{transform:translateY(-4px)}.tour-window-header{background-color:var(--primary);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.tour-window-dots{display:flex;gap:8px}.tour-window-dots span{width:8px;height:8px;border-radius:50%;display:block}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.tour-window-title{color:rgba(255,255,255,.5);font-family:"Inter",sans-serif;font-size:11px;font-weight:500;letter-spacing:.5px}.tour-slides-viewport{position:relative;width:100%;flex:1;overflow:hidden;background-color:#f0f0f1}.tour-screenshot{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.98);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);z-index:1;cursor:zoom-in}.tour-screenshot.active{opacity:1;transform:scale(1);z-index:2}.tour-zoom-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(11,15,25,.04);opacity:1;pointer-events:none;transition:opacity .3s ease,background-color .3s ease;z-index:5}.tour-slides-viewport:hover .tour-zoom-overlay{background-color:rgba(11,15,25,.15)}.tour-zoom-overlay span{background-color:rgba(255,255,255,.95);color:var(--primary);padding:14px;border-radius:50%;font-size:28px;box-shadow:0 8px 24px -4px rgba(0,32,96,.2),0 0 0 1px rgba(0,0,0,.05);transform:scale(1);opacity:.85;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,background-color .3s ease;display:flex;justify-content:center;align-items:center}.tour-slides-viewport:hover .tour-zoom-overlay span{transform:scale(1.1);opacity:1;background-color:#fff}.tour-mobile-screenshot{display:none}@media (max-width:991px){.tour-grid{grid-template-columns:1fr;gap:20px}.tour-display-wrapper{display:none}.tour-mobile-screenshot{display:block;width:100%;height:auto;border-radius:var(--radius-xl);border:1px solid var(--slate-200);box-shadow:0 4px 12px rgba(0,0,0,.05);margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .4s ease,margin-top .4s ease;cursor:zoom-in}.tour-tab.active .tour-mobile-screenshot{max-height:400px;opacity:1;margin-top:12px}.tour-tab-desc{max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .3s ease,margin-top .3s ease}.tour-tab.active .tour-tab-desc{max-height:120px;opacity:1;margin-top:8px}.tour-progress-track{display:none}}.dashboard-mockup-section{padding:96px 0;background-color:var(--slate-50)}.mockup-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:center}@media (min-width:992px){.mockup-grid{grid-template-columns:1fr 1fr}}.mockup-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.mockup-title{color:var(--primary)}.mockup-desc{color:var(--on-surface-variant);margin-bottom:var(--spacing-md)}.mockup-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.mockup-feature-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--primary);line-height:1.6}.mockup-feature-icon{color:var(--secondary);font-size:20px;flex-shrink:0;margin-top:2px}.dashboard-mockup-wrapper{perspective:1000px;display:flex;justify-content:center;width:100%}.dashboard-mockup-panel{background-color:var(--background);border-radius:var(--radius-xl);border:1px solid var(--slate-200);box-shadow:0 20px 25px -5px rgba(0,32,96,.1),0 10px 10px -5px rgba(0,32,96,.04);width:100%;max-width:480px;overflow:hidden;transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s ease;transform:rotateY(-5deg) rotateX(5deg)}.dashboard-mockup-panel:hover{transform:rotateY(0deg) rotateX(0deg) translateY(-4px);box-shadow:0 25px 50px -12px rgba(0,32,96,.18)}.mock-admin-header{background-color:var(--slate-50);border-bottom:1px solid var(--slate-100);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md)}.mock-admin-dots{display:flex;gap:6px}.mock-admin-dots span{width:10px;height:10px;border-radius:50%;display:block}.mock-admin-dots span:nth-child(1){background-color:#ef4444}.mock-admin-dots span:nth-child(2){background-color:#f59e0b}.mock-admin-dots span:nth-child(3){background-color:#10b981}.mock-admin-title{font-family:"Montserrat",sans-serif;font-size:13px;font-weight:700;color:var(--primary);letter-spacing:.02em}.mock-admin-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.mock-setting-row{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mock-label{font-size:12px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.mock-select-wrapper{position:relative;width:100%}.mock-select{width:100%;background-color:var(--slate-50);border:1px solid var(--slate-200);padding:10px var(--spacing-md);border-radius:var(--radius-xl);font-size:13px;color:var(--primary);font-weight:500;cursor:default;display:flex;justify-content:space-between;align-items:center}.mock-select::after{content:"expand_more";font-family:"Material Symbols Outlined";font-size:18px;color:var(--slate-400)}.mock-colors-grid{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.mock-color-item{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--slate-50);border:1px solid var(--slate-200);padding:6px var(--spacing-sm);border-radius:var(--radius-xl);font-size:12px;color:var(--on-surface-variant);font-weight:500}.mock-color-dot{width:14px;height:14px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.05)}.mock-color-hex{font-family:monospace}.mock-pills-row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.mock-pill{font-size:12px;font-weight:600;padding:6px var(--spacing-md);border-radius:9999px;border:1px solid var(--slate-200);color:var(--on-surface-variant);background-color:var(--background);cursor:default;transition:all .2s ease}.mock-pill.active{background-color:var(--secondary);color:var(--on-secondary);border-color:var(--secondary)}.mock-range-container{display:flex;align-items:center;gap:var(--spacing-md)}.mock-range-bar{flex-grow:1;height:6px;background-color:var(--slate-200);border-radius:3px;position:relative}.mock-range-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--secondary);border-radius:3px}.mock-range-thumb{width:14px;height:14px;border-radius:50%;background-color:var(--primary);position:absolute;top:50%;transform:translate(-50%,-50%);border:2px solid var(--background);box-shadow:0 2px 4px rgba(0,32,96,.2)}.mock-range-value{font-size:12px;font-weight:600;color:var(--primary);min-width:70px;text-align:right}.slider-simulator-wrapper{position:relative;width:100%;max-width:var(--container-max);margin:var(--spacing-xl) auto;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,32,96,.1),0 10px 10px -5px rgba(0,32,96,.04);border:1px solid var(--slate-200);background-color:var(--background);transition:max-width .8s cubic-bezier(.25,.46,.45,.94),border-width .8s ease,border-color .8s ease,padding .8s ease,box-shadow .8s ease}.simulator-status-bar{background-color:var(--slate-50);border-bottom:1px solid var(--slate-100);padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.simulator-indicator{display:flex;align-items:center;gap:var(--spacing-xs)}.indicator-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981}.indicator-dot.blinking{animation:sim-blink 1.5s infinite}.indicator-text{font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.simulator-phases{display:flex;gap:var(--spacing-xs)}.sim-phase{background:0 0;border:1px solid var(--slate-200);border-radius:9999px;padding:4px var(--spacing-sm);font-size:11px;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease}.sim-phase:hover{border-color:var(--primary);color:var(--primary)}.sim-phase.active{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.slider-container:has(.sim-focused) .slider-panel:not(.sim-focused){width:16.66%!important}.slider-container:has(.sim-focused) .slider-panel.sim-focused{width:66.66%!important}.slider-panel.sim-focused .slider-panel-overlay{opacity:1}.slider-panel.sim-focused .slider-panel-content{opacity:1;transform:translateY(0)}.slider-panel.sim-bg-transition .slider-img{transition:transform 2s cubic-bezier(.25,.46,.45,.94)}.slider-simulator-wrapper.is-mobile-preview{max-width:380px;border:12px solid #1e293b;background-color:#1e293b;box-shadow:0 25px 50px -12px rgba(0,32,96,.35);border-radius:36px}.slider-simulator-wrapper.is-mobile-preview .slider-container{flex-wrap:wrap!important;height:auto!important;border-radius:18px}.slider-simulator-wrapper.is-mobile-preview .slider-panel{width:50%!important;height:220px!important;border-bottom:1px solid rgba(255,255,255,.08)}.slider-simulator-wrapper.is-mobile-preview .slider-panel:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}.slider-simulator-wrapper.is-mobile-preview .slider-panel-overlay{opacity:.6!important;background:linear-gradient(to top,rgba(0,32,96,.75) 0%,rgba(0,32,96,.15) 100%)!important}.slider-simulator-wrapper.is-mobile-preview .slider-panel-content{opacity:1!important;transform:translateY(0)!important;bottom:var(--spacing-sm)!important;left:var(--spacing-sm)!important;right:var(--spacing-sm)!important}.slider-simulator-wrapper.is-mobile-preview .glass-card{padding:var(--spacing-xs)!important;max-width:100%!important;background:rgba(255,255,255,.88)!important}.slider-simulator-wrapper.is-mobile-preview .glass-card h3{font-size:13px!important;margin-bottom:2px!important}.slider-simulator-wrapper.is-mobile-preview .glass-card p{font-size:10px!important;margin-bottom:6px!important;line-height:1.25!important}.slider-simulator-wrapper.is-mobile-preview .btn-sub-cta{font-size:10px!important}.cartoon-intro-wrapper{margin:var(--spacing-xl) auto;width:100%;max-width:var(--container-max);border:4px solid var(--primary);border-radius:16px;background-color:var(--background);box-shadow:8px 8px 0 0 var(--primary);overflow:hidden;display:flex;flex-direction:column}.cartoon-header{background-color:var(--slate-50);border-bottom:4px solid var(--primary);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.cartoon-title-row{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.cartoon-badge{background-color:var(--secondary);color:var(--on-secondary);border:2px solid var(--primary);border-radius:9999px;font-size:9px;font-weight:700;text-transform:uppercase;padding:2px var(--spacing-sm);letter-spacing:.05em}.cartoon-title{font-family:"Montserrat",sans-serif;font-size:22px;font-weight:800;color:var(--primary)}.cartoon-tabs{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.cartoon-tab{background-color:var(--background);border:2px solid var(--primary);border-radius:12px;padding:8px var(--spacing-md);font-size:12px;font-weight:700;color:var(--primary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:3px 3px 0 0 var(--primary);transition:all .15s cubic-bezier(.175,.885,.32,1.275)}.cartoon-tab:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--primary)}.cartoon-tab:active,.cartoon-tab.active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--primary);background-color:var(--secondary);color:var(--on-secondary)}.cartoon-stage{padding:var(--spacing-lg);min-height:480px;position:relative;background-color:var(--background)}.cartoon-scene{display:none;flex-direction:column;gap:var(--spacing-md)}.cartoon-scene.active{display:flex}.scene-meta{border-left:4px solid var(--secondary);padding-left:var(--spacing-md);margin-bottom:var(--spacing-sm)}.scene-meta h3{font-family:"Montserrat",sans-serif;font-size:18px;font-weight:700;color:var(--primary);margin-bottom:2px}.scene-meta p{font-size:14px;color:var(--on-surface-variant);line-height:1.5}.cartoon-split-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);align-items:stretch}@media (min-width:992px){.cartoon-split-grid{grid-template-columns:1.2fr 1fr}}.cartoon-simulation-panel{display:flex;flex-direction:column;justify-content:center}.cartoon-code-panel{display:flex;flex-direction:column}.cartoon-canvas{border:3px solid var(--primary);border-radius:16px;background-color:var(--slate-100);height:380px;position:relative;overflow:hidden}.code-terminal{background-color:#1e1e2e;border:3px solid var(--primary);border-radius:12px;box-shadow:4px 4px 0 0 var(--primary);height:100%;display:flex;flex-direction:column;overflow:hidden;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace}.terminal-header{background-color:#151521;border-bottom:2px solid var(--primary);padding:8px var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:10px;height:10px;border-radius:50%;display:block}.terminal-dot.red{background-color:#ff5f56}.terminal-dot.yellow{background-color:#ffbd2e}.terminal-dot.green{background-color:#27c93f}.terminal-title{font-size:11px;font-weight:700;color:#a6adc8;letter-spacing:.05em;text-transform:uppercase;margin-left:auto}.terminal-body{padding:var(--spacing-md);color:#cdd6f4;font-size:11.5px;line-height:1.6;overflow-x:auto;flex-grow:1}.terminal-body pre{margin:0}.code-comment{color:#6c7086;font-style:italic}.code-tag{color:#f38ba8;font-weight:700}.code-attr{color:#fab387}.code-val{color:#a6e3a1}.code-selector{color:#89b4fa;font-weight:700}.code-prop{color:#cba6f7}.code-val-rows,.code-val-rows-hover{color:#f9e2af;font-weight:700}.code-keyword{color:#cba6f7;font-weight:700}.code-param{color:#fab387}.highlight-active{background-color:rgba(250,179,135,.15);border-left:3px solid #f9e2af;padding-left:4px;margin-left:-7px;display:inline-block;width:calc(100% + 7px);box-shadow:0 0 12px rgba(249,226,175,.15);animation:code-pulse 1.5s infinite alternate}.canvas-sibling{display:flex;padding:var(--spacing-md);gap:var(--spacing-md);align-items:stretch;position:relative}.col-sibling{flex-grow:1;z-index:10;border:3px solid var(--primary);border-radius:12px;background-color:transparent;position:relative;transition:flex-grow .6s cubic-bezier(.175,.885,.32,1.275),border-color .3s;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-sm)}.col-sibling.active{flex-grow:3.5;border-color:var(--secondary);box-shadow:0 8px 16px rgba(0,0,0,.12)}.col-tag{align-self:flex-start;background-color:var(--background);border:2px solid var(--primary);border-radius:8px;padding:2px var(--spacing-sm);font-size:10px;font-weight:800;color:var(--primary);box-shadow:2px 2px 0 0 var(--primary);z-index:10;transition:all .3s ease}.col-sibling.active .col-tag{background-color:var(--secondary);color:var(--on-secondary)}.col-card-content{background-color:rgba(255,255,255,.96);border:2px solid var(--primary);border-radius:10px;padding:var(--spacing-sm);box-shadow:3px 3px 0 0 var(--primary);opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s cubic-bezier(.175,.885,.32,1.275);z-index:10}.col-sibling.active .col-card-content{opacity:1;transform:translateY(0)}.col-card-content h4{font-family:"Montserrat",sans-serif;font-size:13px;font-weight:700;color:var(--primary);margin-bottom:2px}.col-card-content p{font-size:11px;color:var(--on-surface-variant);line-height:1.35}.col-img{position:absolute;inset:0;opacity:0;transform:scale(.95);background-size:cover;background-position:center;transition:opacity .6s ease,transform .6s ease;z-index:1}.col-img.active{opacity:1;transform:scale(1);z-index:2}.bg-lighthouse{background:linear-gradient(135deg,#002060 0%,#00a2e8 100%)}.bg-snowscape{background:linear-gradient(135deg,#cbd5e1 0%,#334155 100%)}.bg-paths{background:linear-gradient(135deg,#e2e8f0 0%,#15803d 100%)}.cartoon-cursor{position:absolute;width:40px;height:40px;pointer-events:none;transition:all .8s cubic-bezier(.25,.46,.45,.94);z-index:25}.canvas-height{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);position:relative}.simulation-controls{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:30}.btn-toggle-text{background-color:var(--background);border:2px solid var(--primary);border-radius:8px;padding:4px var(--spacing-sm);font-size:10px;font-weight:700;color:var(--primary);cursor:pointer;box-shadow:2px 2px 0 0 var(--primary);transition:all .15s ease}.btn-toggle-text:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--primary)}.btn-toggle-text.active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--primary);background-color:var(--secondary);color:var(--on-secondary)}.mock-card{background-color:var(--background);border:3px solid var(--primary);border-radius:12px;width:190px;box-shadow:4px 4px 0 0 var(--primary);overflow:hidden;position:relative;z-index:10;transition:transform .3s ease}.mock-card.hovered{transform:scale(1.03)}.card-image{height:90px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:3px solid var(--primary)}.card-badge{background-color:var(--background);border:2px solid var(--primary);border-radius:6px;padding:2px var(--spacing-sm);font-size:9px;font-weight:800;color:var(--primary);box-shadow:2px 2px 0 0 var(--primary)}.card-body{padding:var(--spacing-md) var(--spacing-sm)}.card-body h3{font-size:14px;font-weight:700;color:var(--primary);margin-bottom:2px}.static-desc{font-size:11px;color:var(--on-surface-variant);margin-bottom:6px}.expandable-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.25,.46,.45,.94)}.expandable-grid.expanded{grid-template-rows:1fr}.expandable-content{overflow:hidden}.dynamic-text{font-size:10.5px;line-height:1.45;color:var(--primary);padding-top:6px;border-top:2px dashed var(--slate-200);margin:0}.height-ruler{position:absolute;right:16px;top:15px;bottom:15px;width:50px;display:flex;align-items:center;gap:6px;pointer-events:none;z-index:15}.ruler-line{width:4px;height:100%;border-left:2px dashed var(--primary);position:relative}.ruler-line::before,.ruler-line::after{content:"";position:absolute;left:-4px;width:8px;height:2px;background-color:var(--primary)}.ruler-line::before{top:0}.ruler-line::after{bottom:0}.ruler-value{font-size:9px;font-weight:800;color:var(--secondary);background-color:var(--background);border:2px solid var(--primary);border-radius:4px;padding:2px 5px;white-space:nowrap;box-shadow:2px 2px 0 0 var(--primary);transform:rotate(4deg)}.canvas-transitions{display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-md);align-items:center;justify-content:center}.transition-selector-row{display:flex;gap:6px;justify-content:center;width:100%;margin-bottom:var(--spacing-sm);z-index:10}.btn-transition-select{background-color:var(--background);border:2px solid var(--primary);border-radius:8px;padding:4px var(--spacing-sm);font-size:10px;font-weight:700;color:var(--primary);cursor:pointer;box-shadow:2px 2px 0 0 var(--primary);transition:all .15s ease}.btn-transition-select:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--primary)}.btn-transition-select.active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--primary);background-color:var(--secondary);color:var(--on-secondary)}.transition-demo-wrapper{display:flex;justify-content:center}.transition-column{width:140px;height:220px;border:3px solid var(--primary);border-radius:12px;overflow:hidden;position:relative;box-shadow:4px 4px 0 0 var(--primary);background-color:var(--background);cursor:pointer}.col-indicator{position:absolute;top:10px;left:10px;background-color:var(--background);border:2px solid var(--primary);border-radius:8px;padding:2px var(--spacing-sm);font-size:9px;font-weight:800;color:var(--primary);box-shadow:2px 2px 0 0 var(--primary);z-index:10}.col-artwork-bg,.col-artwork-swap{position:absolute;inset:0;background-size:cover;background-position:center}.col-artwork-swap{opacity:0;z-index:2;transform-origin:center center}.transition-column.active .col-artwork-swap{opacity:1}.col-artwork-swap.tr-fade{transition:opacity .6s ease}.col-artwork-swap.tr-zoom{transform:scale(.85);transition:transform .6s cubic-bezier(.25,.46,.45,.94),opacity .6s ease}.transition-column.active .col-artwork-swap.tr-zoom{transform:scale(1.15)}.col-artwork-swap.tr-slide-up{transform:translateY(100%);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.transition-column.active .col-artwork-swap.tr-slide-up{transform:translateY(0)}.col-artwork-swap.tr-slide-down{transform:translateY(-100%);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.transition-column.active .col-artwork-swap.tr-slide-down{transform:translateY(0)}.canvas-morph{display:flex;flex-direction:column;padding:var(--spacing-md);align-items:center;justify-content:center;gap:var(--spacing-sm)}.device-walkthrough-header{font-size:11px;font-weight:800;color:var(--secondary);background-color:var(--background);border:2px solid var(--primary);border-radius:6px;padding:2px var(--spacing-sm);box-shadow:2px 2px 0 0 var(--primary);z-index:10;text-transform:uppercase}.cartoon-device-frame{width:170px;height:230px;border:3px solid var(--primary);border-radius:24px;background-color:var(--background);box-shadow:4px 4px 0 0 var(--primary);overflow:hidden;padding:6px;display:flex;flex-direction:column;transition:height .5s ease;position:relative;z-index:5}.device-notch{width:60px;height:12px;background-color:var(--primary);border-radius:0 0 8px 8px;margin:0 auto 6px}.device-screen{flex-grow:1;border:2px solid var(--primary);border-radius:14px;overflow:hidden;background-color:var(--slate-100);position:relative}.morph-grid-preview{height:100%;display:flex;padding:4px;gap:4px;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.morph-grid-preview.is-grid{flex-wrap:wrap}.morph-grid-preview.is-grid .mini-panel{width:calc(50% - 2px);height:calc(50% - 2px)}.morph-grid-preview.is-stack{flex-direction:column;overflow-y:auto}.morph-grid-preview.is-stack .mini-panel{width:100%;height:42px;flex-shrink:0}.morph-grid-preview.is-carousel{flex-direction:row}.morph-grid-preview.is-carousel .mini-panel{width:100%;height:100%;flex-shrink:0}.mini-panel{border:2px solid var(--primary);border-radius:8px;overflow:hidden;background-color:var(--background);display:flex;align-items:center;justify-content:center;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.1)}.mini-panel span{font-size:8px;font-weight:800;color:var(--primary);z-index:10;background-color:rgba(255,255,255,.85);border:1px solid var(--primary);border-radius:4px;padding:1px var(--spacing-xs);transition:opacity .3s ease}.mini-bg{position:absolute;inset:0;opacity:.5;background-size:cover;background-position:center}.mini-panel .mini-details{position:absolute;inset:auto 0 0 0;background:rgba(255,255,255,.95);border-top:2px solid var(--primary);padding:4px var(--spacing-xs);display:flex;flex-direction:column;align-items:center;gap:1px;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:12}.mini-panel.revealed .mini-details{transform:translateY(0)}.mini-panel.revealed span{opacity:0}.mini-panel .mini-details h5{font-size:9px;font-weight:800;margin:0;color:var(--primary);white-space:nowrap}.mini-link-icon{font-size:7px;font-weight:800;color:var(--secondary);text-transform:uppercase;letter-spacing:.05em}.device-screen::after{content:"✔️ Loaded splitviewslider.com";position:absolute;inset:0;background-color:var(--secondary);color:var(--on-secondary);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:100}.device-screen.navigating::after{opacity:1}.touch-finger{position:absolute;width:24px;height:24px;pointer-events:none;z-index:99;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.finger-circle{width:24px;height:24px;border-radius:50%;background-color:rgba(0,162,232,.4);border:2px solid var(--secondary);position:relative;box-shadow:0 0 8px rgba(0,162,232,.5)}.finger-circle::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--secondary);opacity:0;transform:scale(.5)}.touch-finger.tapping .finger-circle::after{animation:finger-tap-pulse .4s ease-out}.walkthrough-tooltip{position:absolute;bottom:12px;background-color:var(--primary);color:var(--on-primary);border-radius:8px;border:2px solid var(--primary);padding:2px var(--spacing-md);font-size:10px;font-weight:800;box-shadow:2px 2px 0 0 var(--secondary);z-index:90;text-align:center;pointer-events:none;white-space:nowrap}.full-width-slider-placeholder{width:100%;background:linear-gradient(135deg,#002060 0%,#00a2e8 100%);border-bottom:4px solid var(--primary);min-height:320px;display:flex;align-items:center;justify-content:center;text-align:center;padding:48px var(--spacing-md);position:relative;box-sizing:border-box}.placeholder-content{background-color:var(--background);border:4px solid var(--primary);border-radius:16px;padding:var(--spacing-xl);max-width:640px;box-shadow:8px 8px 0 0 var(--primary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.placeholder-badge{background-color:var(--secondary);color:var(--on-secondary);border:2px solid var(--primary);border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;padding:4px var(--spacing-md);letter-spacing:.05em;box-shadow:2px 2px 0 0 var(--primary)}.placeholder-icon{width:64px;height:64px;border-radius:50%;border:3px solid var(--primary);background-color:var(--slate-50);display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 0 var(--primary)}.placeholder-h1{font-family:"Montserrat",sans-serif;font-size:24px;font-weight:800;color:var(--primary);margin:0;line-height:1.3}.placeholder-desc{font-family:"Inter",sans-serif;font-size:14px;line-height:1.6;color:var(--on-surface-variant);margin:0}.placeholder-shortcode{background-color:#1e1e2e;border:2px solid var(--primary);border-radius:8px;padding:8px var(--spacing-lg);box-shadow:3px 3px 0 0 var(--primary);width:100%;max-width:320px;box-sizing:border-box}.placeholder-shortcode code{font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:13px;font-weight:700;color:#a6e3a1}.tour-lightbox.active{opacity:1;pointer-events:auto;visibility:visible}.tour-lightbox.active .tour-lightbox-img{transform:scale(1)}@media (max-width:991px){.tour-lightbox.active .tour-lightbox-img{transform:scale(1)}}.page-list-blog-categories a.active{background-color:var(--primary);color:#fff;box-shadow:0 4px 15px rgba(0,32,96,.15)}.article{background-color:#fff;border:1px solid var(--outline-variant);border-radius:16px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),border-color .3s ease;box-shadow:0 6px 20px rgba(0,32,96,.02)}.article.hidden{display:none!important}.article:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,32,96,.08);border-color:rgba(0,162,232,.25)}.post-thumbnail{width:100%;height:190px;overflow:hidden;position:relative;background-color:var(--slate-100)}.post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.8,.25,1)}.article:hover .post-thumbnail img{transform:scale(1.05)}.post-card-meta{padding:20px 24px 0;display:flex;gap:12px;align-items:center}.post-category-badge{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--secondary);letter-spacing:.8px}.post-read-time{font-size:11px;color:var(--on-surface-variant);opacity:.8;display:flex;align-items:center;gap:4px}.post-read-time span{font-size:14px}.entry-header{padding:12px 24px 24px;display:flex;flex-direction:column;flex-grow:1}.entry-title{font-family:"Montserrat",sans-serif;font-size:17px;color:var(--primary);font-weight:700;line-height:1.4;margin-bottom:10px;transition:color .2s ease}.article:hover .entry-title{color:var(--secondary)}.entry-excerpt{font-size:15px;color:var(--on-surface-variant);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-read-more{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:6px;font-family:"Montserrat",sans-serif;font-size:13.5px;font-weight:700;color:var(--secondary);transition:color .3s ease}.article:hover .post-read-more{color:var(--primary)}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:56px;margin-bottom:80px}.blog-pagination a{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:700;color:var(--on-surface-variant);text-decoration:none;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:50%;border:1px solid var(--outline-variant);background-color:#fff;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;box-shadow:0 4px 10px rgba(0,32,96,.02)}.blog-pagination a.pagination-btn{color:var(--primary)}.blog-pagination a:hover:not(.disabled):not(.active){color:var(--secondary);border-color:var(--secondary);transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,32,96,.06)}.blog-pagination a.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 15px rgba(0,32,96,.15);cursor:default;pointer-events:none}.blog-pagination a.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background-color:var(--slate-50)}.single-post-header{padding:140px 0 40px;background:radial-gradient(100% 100% at 50% 0%,#f8fafc 0%,#fff 100%);border-bottom:1px solid var(--outline-variant);position:relative;overflow:hidden}.back-to-blog{display:inline-flex;align-items:center;gap:6px;font-family:"Montserrat",sans-serif;font-size:13.5px;font-weight:700;color:var(--secondary);text-decoration:none;margin-bottom:24px;transition:color .2s ease}.back-to-blog:hover{color:var(--primary)}.back-to-blog span{font-size:18px}.single-post-header h1{font-family:"Montserrat",sans-serif;font-size:clamp(28px,4.5vw,44px);font-weight:800;color:var(--primary);line-height:1.25;margin-bottom:20px;letter-spacing:-.02em}.single-post-meta{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;font-size:14px;color:var(--on-surface-variant);position:relative;z-index:5}.single-post-meta .meta-item{display:flex;align-items:center;gap:6px}.single-post-meta .post-cat-badge{background-color:rgba(0,162,232,.08);color:var(--secondary);font-size:11px;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:4px;letter-spacing:.8px}.single-post-container{padding-top:56px;padding-bottom:100px}.single-post-featured-image{width:100%;max-width:900px;margin:0 auto 48px;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px rgba(0,32,96,.06);border:1px solid var(--outline-variant)}.single-post-featured-image img{width:100%;height:auto;display:block}.single-post-content{max-width:740px;margin:0 auto;font-size:16.5px;line-height:1.75;color:#334155}.single-post-content p{margin-bottom:24px}.single-post-content h2,.single-post-content h3{font-family:"Montserrat",sans-serif;color:var(--primary);font-weight:700;margin-top:48px;margin-bottom:16px;line-height:1.3}.single-post-content h2{font-size:26px;letter-spacing:-.01em}.single-post-content h3{font-size:20px}.single-post-content blockquote{margin:40px 0;padding:8px 0 8px 24px;border-left:4px solid var(--secondary);font-style:italic;font-size:18px;line-height:1.7;color:var(--primary)}.single-post-content code{font-family:"Courier New",Courier,monospace;background-color:var(--slate-50);padding:3px 6px;border-radius:4px;font-size:14.5px;border:1px solid var(--outline-variant)}.single-post-content pre{margin:32px 0;background-color:#0f172a;color:#f8fafc;padding:24px;border-radius:12px;overflow-x:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px rgba(0,0,0,.05)}.single-post-content pre code{font-family:"Courier New",Courier,monospace;background-color:transparent;padding:0;border-radius:0;font-size:14px;color:inherit;border:none}.single-post-content ul,.single-post-content ol{margin-bottom:32px;padding-left:24px}.single-post-content li{margin-bottom:12px}.related-posts-section{padding:80px 0;background-color:var(--slate-50);border-top:1px solid var(--outline-variant)}.related-posts-title{font-family:"Montserrat",sans-serif;font-size:24px;font-weight:700;color:var(--primary);margin-bottom:40px;text-align:center}.single-post-content a{color:var(--secondary);text-decoration:none;font-weight:600;border-bottom:1.5px solid rgba(0,162,232,.25);transition:color .2s ease,border-color .2s ease}.single-post-content a:hover{color:var(--primary);border-bottom-color:var(--primary)}.help-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;padding:56px 0 100px;max-width:900px;margin:0 auto}.help-card{background-color:#fff;border:1px solid var(--outline-variant);border-radius:16px;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),border-color .3s ease;box-shadow:0 6px 20px rgba(0,32,96,.02)}.help-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,32,96,.08);border-color:rgba(0,162,232,.25)}.help-card-icon{color:var(--secondary);width:60px;height:60px;background-color:rgba(0,162,232,.06);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:background-color .3s ease,color .3s ease}.help-card:hover .help-card-icon{background-color:var(--primary);color:#fff}.help-card h3{font-family:"Montserrat",sans-serif;font-size:19px;color:var(--primary);font-weight:700;margin-bottom:12px}.help-card p{font-size:15px;color:var(--on-surface-variant);line-height:1.65;margin-bottom:24px;flex-grow:1}.help-card-btn{font-family:"Montserrat",sans-serif;font-size:12.5px;font-weight:700;color:var(--primary);text-decoration:none;border:1px solid var(--outline-variant);border-radius:100px;padding:10px 24px;transition:all .25s ease}.help-card:hover .help-card-btn{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 15px rgba(0,32,96,.15)}.success-back-btn{font-family:"Montserrat",sans-serif;font-size:13px;font-weight:700;color:var(--primary);background:0 0;border:1px solid var(--outline-variant);border-radius:100px;padding:10px 24px;cursor:pointer;transition:all .2s ease}.success-back-btn:hover{background-color:var(--slate-50);border-color:var(--primary)}.trust-badges-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;padding:40px 0 80px;border-bottom:1px solid var(--outline-variant);margin-bottom:80px}.trust-badge-capsule{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg)}.trust-badge-icon{width:56px;height:56px;border-radius:50%;background-color:rgba(0,162,232,.06);color:var(--secondary);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.trust-badge-capsule h4{font-family:"Montserrat",sans-serif;font-size:16px;color:var(--primary);font-weight:700;margin-bottom:8px}.trust-badge-capsule p{color:var(--on-surface-variant);line-height:1.5;margin:0}.pricing-compare-section{padding:80px 0;background-color:var(--slate-50);border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant)}.compare-table-wrapper{max-width:900px;margin:40px auto 0;background-color:#fff;border:1px solid var(--outline-variant);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,32,96,.02)}.compare-table{width:100%;border-collapse:collapse;text-align:left;font-family:"Inter",sans-serif}.compare-table th,.compare-table td{padding:16px 24px;border-bottom:1px solid var(--outline-variant);font-size:14.5px}.compare-table th{font-family:"Montserrat",sans-serif;font-weight:700;color:var(--primary);background-color:var(--slate-50);font-size:16px}.compare-table th:nth-child(2),.compare-table td:nth-child(2),.compare-table th:nth-child(3),.compare-table td:nth-child(3){text-align:center;width:25%}.compare-table tr:last-child td{border-bottom:none}.compare-table .table-cat-header td{font-family:"Montserrat",sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--secondary);background-color:rgba(0,162,232,.03);padding:12px 24px}.compare-check{color:#0ca678}.compare-cross{color:#fa5252;opacity:.5}@media (max-width:768px){.compare-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{min-width:600px}.compare-table th,.compare-table td{padding:12px 16px;font-size:13.5px}.compare-table th{font-size:14.5px}}.compare-cta-container{display:flex;justify-content:center;margin-top:40px;margin-bottom:20px}.btn-compare-cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:"Inter",sans-serif;font-weight:600;transition:all .2s ease-in-out}.btn-compare-cta span{font-size:20px;transition:transform .2s ease-in-out}.btn-compare-cta:hover span{transform:translateY(3px)}@media (max-width:767px){.pricing-section,.builder-compatibility-section,.features-grid-section,.faq-section,.admin-tour-section,.features-section,.related-posts-section,.compare-table-section{padding-top:48px!important;padding-bottom:48px!important}.help-grid-container{grid-template-columns:1fr!important;gap:20px!important;padding:40px 0!important}.trust-badges-container{grid-template-columns:1fr!important;gap:16px!important}}