.header-content{align-items:center;display:flex;flex-direction:column;margin:60px auto;max-width:1080px;padding-bottom:80px;position:relative}.tag__subtitle{color:var(--brand-600);font-size:14px;font-weight:400;text-transform:uppercase}.main-description{font-size:1.05rem;line-height:1.6;max-width:720px}.bento-grid-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%;overflow-x:hidden;width:100%}.bento-item{background-color:var(--neo-surface);border:1px solid var(--card-border);border-radius:1rem;box-shadow:var(--card-shadow);box-sizing:border-box;display:flex;flex-direction:column;min-width:0;padding:2rem;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}.bento-item:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}.bento-title{font-size:clamp(1.4rem,1.6vw,1.8rem);text-shadow:var(--text-shadow)}.bento-description{font-size:clamp(.9rem,1.1vw,1.05rem);margin-bottom:1rem}.bento-icon-wrapper{color:var(--text-color)}.buttons-card,.design-card,.frontend-card,.palette-card,.planning-card,.services-card{grid-column:span 1}.buttons-card,.glass-card,.neo-card{grid-column:span 2}.palette-card,.services-card{grid-row:span 2}.glass-card{background-image:url(/static/media/bg_neomorph.fbdcc26af1974aed8fa1.webp);background-position:50%;background-size:cover;border:1px solid #ffffff2e;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.glass-card .glass-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 30px #0000001a;padding:2rem;position:relative;z-index:2}.glass-content{background:var(--background-muted);box-shadow:var(--file-shadow);color:#adff2f;text-shadow:var(--text-neomorphshadow)}.glass-card .bento-title{font-size:2rem}.glass-card .bento-description{font-size:18px}.glass-button{background:hsla(0,0%,100%,.225);border:2px solid #adff2f;border-radius:12px;box-shadow:var(--card-shadow);color:#adff2f;cursor:pointer;margin-top:1rem;padding:12px 28px;text-shadow:var(--text-shadow);transition:all .3s ease}.glass-button:hover{background:var(--background-muted-2)}.neo-card{align-items:center;background-color:var(--neo-surface);box-shadow:var(--file-shadow);display:flex;flex-direction:column;justify-content:flex-start;text-align:center}.neo-example-content{margin-top:1rem;width:100%}.neo-card .bento-title{color:#fff;font-size:2rem;text-shadow:var(--text-neomorphshadow)}.neo-card .bento-description{color:#fff;font-size:1.5rem;text-shadow:var(--text-neomorphshadow)}.neo-tabs-container{display:flex;flex-direction:column;padding:0 .5rem;width:100%}.neo-nav-list{display:flex;gap:15px;justify-content:center;list-style:none;margin:0;padding:0}.neo-nav-item{flex:1 1}.neo-nav-link{background-color:var(--neo-surface);border:none;border-radius:1rem;box-shadow:var(--file-shadow);color:var(--text-neo);cursor:pointer;font-size:1.1rem;padding:.75rem .85rem;transition:all .2s ease-in-out;width:100%}.neo-nav-link.active{color:var(--brand-dark-650)}.neo-nav-link.active,.neo-nav-link:hover:not(.active){box-shadow:var(--file-shadow-active)}.neo-item__wrapper{gap:1rem;margin-top:2rem}.neo-item,.neo-item__wrapper{display:flex;justify-content:center}.neo-item{align-items:center;background-color:var(--neo-surface);border-radius:50%;box-shadow:var(--file-shadow);height:80px;margin-top:1rem;transition:all .2s ease-in-out;width:80px}.neo-item svg{color:var(--text-neo);transition:color .2s ease-in-out}.neo-item:hover svg{color:var(--brand-dark-650)}.neo-item:hover,.neo-tab-content{box-shadow:var(--file-shadow-active)}.neo-tab-content{background-color:var(--neo-surface);border-radius:1rem;color:var(--text-neo);margin-top:20px;padding:1rem;text-align:left}.button-examples{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1rem}.btnBento{border-radius:8px;cursor:pointer;font-weight:600;padding:10px 30px;transition:all .2s ease-in-out}.btnBento.filled{background-color:#27ca3f;border:2px solid var(--neutral-700);box-shadow:var(--card-shadow);color:var(--neutral-700);text-shadow:var(--file-shadow-active)}.btnBento.filled:hover{background-color:#27ca3f40;border:2px solid #ff7025;color:var(--brand-dark-650)}.btnBento.outline{background-color:#fff;border:2px solid #fff;box-shadow:var(--card-button-shadow),0 4px 12px #ece9e733;color:var(--btn-fg);text-shadow:var(--file-shadow-active)}.btnBento.outline:hover{background-color:var(--background-muted);transform:translateY(-2px)}.btnBento.text{background:none;border:2px solid var(--neutral-700);box-shadow:var(--card-shadow);color:var(--neutral-700)}.btnBento.text:hover{text-decoration:underline}.button-divider{color:var(--accent);font-size:1rem;font-weight:500;margin:1rem 0 .5rem;text-align:center}.button-divider:after,.button-divider:before{background:var(--accent);content:"";display:inline-block;height:1px;margin:0 10px;vertical-align:middle;width:30px}.social-card{--icon-diameter:56px;--icon-font-size:22px;--icon-gap:16px;align-items:center;background:var(--neo-surface);display:flex;flex-direction:column;justify-content:space-between;text-align:center}.social-card .social-demoB{margin-top:2rem}.social-demoA .socialA-list{gap:var(--icon-gap);list-style:none;margin:0;padding-top:1.5rem}.social-demoA .socialA-item,.social-demoA .socialA-list{align-items:center;display:inline-flex;justify-content:center}.social-demoA .socialA-item{background:var(--neo-surface);border:1px solid var(--background-muted-2);border-radius:50%;box-shadow:var(--file-shadow);box-sizing:border-box;cursor:pointer;height:var(--icon-diameter);padding:12px;position:relative;transition:transform .2s cubic-bezier(.68,-.55,.265,1.55),box-shadow .2s ease;width:var(--icon-diameter)}.social-demoA .socialA-icon svg{color:var(--neutral-600);font-size:var(--icon-font-size);transition:color .3s ease}.social-demoA .socialA-tooltip{background:#fff;border-radius:5px;box-shadow:var(--box-shadow);color:#fff;font-size:14px;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;top:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.social-demoA .socialA-tooltip:before{background:#fff;bottom:-3px;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:8px}.social-demoA .socialA-item:hover .socialA-tooltip{opacity:1;top:-45px}.social-demoA .socialA-item--facebook:hover,.social-demoA .socialA-item--facebook:hover .socialA-tooltip,.social-demoA .socialA-item--facebook:hover .socialA-tooltip:before{background:#1877f2;border-color:#1877f2;color:#fff}.social-demoA .socialA-item--facebook:hover .socialA-icon svg{color:#fff}.social-demoA .socialA-item--twitter:hover,.social-demoA .socialA-item--twitter:hover .socialA-tooltip,.social-demoA .socialA-item--twitter:hover .socialA-tooltip:before{background:#333;border-color:#333;color:#fff}.social-demoA .socialA-item--twitter:hover .socialA-icon svg{color:#fff}.social-demoA .socialA-item--instagram:hover,.social-demoA .socialA-item--instagram:hover .socialA-tooltip,.social-demoA .socialA-item--instagram:hover .socialA-tooltip:before{background:#e4405f;border-color:#e4405f;color:#fff}.social-demoA .socialA-item--instagram:hover .socialA-icon svg{color:#fff}.social-demoA .socialA-item--github:hover,.social-demoA .socialA-item--github:hover .socialA-tooltip,.social-demoA .socialA-item--github:hover .socialA-tooltip:before{background:#333;border-color:#333;color:#fff}.social-demoA .socialA-item--github:hover .socialA-icon svg{color:#fff}.social-demoA .socialA-item--youtube:hover,.social-demoA .socialA-item--youtube:hover .socialA-tooltip,.social-demoA .socialA-item--youtube:hover .socialA-tooltip:before{background:#cd201f;border-color:#cd201f;color:#fff}.social-demoA .socialA-item--youtube:hover .socialA-icon svg{color:#fff}@media (max-width:1024px){.header-content{max-width:920px}.bento-grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}.buttons-card{grid-column:span 2}.palette-card,.services-card{grid-row:span 2}}@media (max-width:640px){.header-content{max-width:92%;padding-bottom:60px}.bento-item{padding:1rem}.neo-card .bento-description{font-size:1rem}.main-description{font-size:.95rem}.bento-grid-container{gap:16px;grid-template-columns:1fr}.buttons-card,.card-types-card,.design-card,.form-card,.frontend-card,.glass-card,.neo-card,.palette-card,.planning-card,.respo-card,.services-card,.social-card{grid-column:span 1;grid-row:auto}.neo-nav-list{flex-wrap:wrap;gap:10px}.neo-item__wrapper{flex-wrap:wrap;justify-content:center}.neo-item{height:60px;width:60px}.social-demoA .socialA-list{flex-wrap:wrap;justify-content:center}.button-examples{gap:12px;justify-content:center}.btnBento{padding:10px 20px}}.frontend-simulation{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;width:100%}.simulation-controls{display:flex;justify-content:center}.simulation-btn{align-items:center;background:hsla(0,0%,100%,.225);border:2px solid var(--accent);border-radius:12px;box-shadow:var(--card-shadow);color:var(--accent);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:12px 28px;text-shadow:var(--text-shadow);transition:all .2s ease}.simulation-btn:hover{background:var(--accent);border:2px solid #fff;color:#fff}.terminal{background:var(--neutral-850);border-radius:8px;font-family:Courier New,monospace;font-size:.85rem;overflow:hidden}.terminal-header{align-items:center;background:var(--neutral-800);color:var(--neutral-300);display:flex;gap:1rem;padding:.5rem 1rem}.terminal-controls{display:flex;gap:.5rem}.control{border-radius:50%;height:12px;width:12px}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27ca3f}.terminal-title{font-size:.8rem}.terminal-body{background:var(--neutral-850);color:#0f0;min-height:80px;padding:1rem}.terminal-line{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.prompt{color:var(--brand-dark-650);font-weight:700}.cursor{animation:blink 1s infinite;color:#0f0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-label{color:var(--text-neo);font-size:.8rem;text-align:center}.progress-bar{background:var(--neutral-300);border-radius:4px;box-shadow:var(--card-button-shadow);height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff7025,#f8b639);border-radius:4px;height:100%;transition:width .3s ease}.file-structure{display:flex;flex-direction:column;gap:.3rem}.file-header{color:var(--text-neo);font-size:.9rem;font-weight:700;margin-bottom:.5rem}.file{align-items:center;background:var(--background-muted);border-radius:6px;box-shadow:inset .1rem .1rem .25rem #000000a6,inset -.1rem -.1rem .25rem #ffffff0d;display:flex;font-size:.85rem;justify-content:space-between;opacity:.5;padding:.3rem .8rem;transition:all .3s ease}.file.active{background:#ff70251a;box-shadow:.2rem .2rem .3rem #c3c1c680,-.1rem -.1rem .3rem hsla(0,0%,100%,.503);opacity:1}.file-status{color:#27ca3f;font-weight:700}@media (max-width:768px){.terminal{font-size:.75rem}.file{font-size:.8rem;padding:.25rem .6rem}}.color-palette-container{background-color:#f7fcf7;border-radius:20px;box-sizing:border-box;color:#013237;display:flex;flex-direction:column;margin:0 auto;max-width:320px;min-width:0;padding:16px;width:100%}.font-info{margin-bottom:24px;text-align:center}.font-label{color:var(--neutral-700);font-size:16px;margin-bottom:4px}.font-name{font-size:28px;font-weight:700}.palette-wrapper{display:flex;flex-direction:column;gap:1rem}.palette-swatches{display:flex;justify-content:space-between}.color-swatch{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:.5rem;text-align:center}.color-box{border-radius:12px;box-shadow:var(--card-button-shadow);padding-top:100%;width:100%}.color-hex{font-size:12px;font-weight:500;margin-top:1rem}.button-showcase{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.interactive-btn{align-items:center;border:none;border-radius:1rem;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.like-button{background:var(--neo-surface);box-shadow:var(--file-shadow)}.like-button:hover{box-shadow:var(--file-shadow-active)}.like-button.liked{animation:heartBeat .6s ease;color:var(--brand-dark-650)}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}75%{transform:scale(1.15)}}.cart-button{background:#ff7025;box-shadow:var(--file-shadow);color:#fff}.cart-button:hover{background:#f8b639;transform:translateY(-2px)}.cart-badge{align-items:center;animation:bounceIn .5s ease;background:#27ca3f;border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:20px;justify-content:center;position:absolute;right:5px;top:3px;width:20px}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.download-btn{background:var(--neo-surface);box-shadow:var(--file-shadow);color:var(--text-neo)}.download-btn.loading{opacity:.8;pointer-events:none}.download-btn.success{background:#27ca3f;box-shadow:.3rem .3rem .5rem #27ca3f4d;color:#fff}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-effects-demo{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;justify-items:center;margin-top:1rem}.ripple-btn{background:var(--neutral-600);border:2px solid var(--neutral-700);box-shadow:var(--card-shadow);color:var(--btn-fg);overflow:hidden;position:relative;transition:all .2s ease}.ripple-btn:before{background:#e2ddda4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s,top .4s,left .4s;width:0}.ripple-btn:hover{border:2px solid var(--neutral-50);color:var(--neutral-50)}.ripple-btn:hover:before{height:200px;width:200px}.morph-btn{background:var(--btn-fg);border-radius:2rem;box-shadow:var(--card-shadow);color:#fff;transition:all .3s ease}.morph-btn:hover{background:var(--neo-surface);border-radius:.5rem;color:var(--accent)}.glow-btn{background:var(--background-muted);border:1px solid var(--btn-fg);box-shadow:var(--card-shadow);color:var(--btn-fg);isolation:isolate;overflow:visible;position:relative;transition:box-shadow .3s ease,transform .3s ease,background-color .3s ease}.glow-btn:after{background:radial-gradient(60% 60% at 50% 50%,hsla(var(--glow-h) var(--glow-s) var(--glow-l)/var(--glow-alpha-strong)) 0,hsla(var(--glow-h) var(--glow-s) var(--glow-l)/var(--glow-alpha-soft)) 42%,#0000 72%);border-radius:inherit;content:"";filter:blur(18px);inset:-38%;-webkit-mask-image:radial-gradient(65% 65% at 50% 50%,#000 55%,#0000 80%);mask-image:radial-gradient(65% 65% at 50% 50%,#000 55%,#0000 80%);opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease,filter .35s ease;z-index:0}:root[data-theme=light] .glow-btn:after{mix-blend-mode:screen}.glow-btn:focus-visible:after,.glow-btn:hover:after{opacity:1}.glow-btn:focus-visible,.glow-btn:hover{border:1px solid var(--btn-fg);box-shadow:0 0 0 1px hsla(var(--glow-h) var(--glow-s) var(--glow-l)/.35),0 8px 24px hsla(var(--glow-h) var(--glow-s) var(--glow-l)/.18),inset 0 1px 1.5px #00000026;transform:translateY(-1px)}.squeeze-btn{background:var(--neo-surface);box-shadow:var(--card-shadow);color:var(--text-neo);transition:all .1s ease}.squeeze-btn:active{box-shadow:inset .3rem .3rem .5rem #c3c1c6e6;transform:scale(.95)}@media (max-width:768px){.button-effects-demo{grid-template-columns:1fr}.interactive-btn{font-size:.9rem;padding:.6rem 1.2rem}}.card-types-card{align-items:center;background-color:var(--neo-surface);display:flex;flex-direction:column;grid-column:span 1;grid-row:span 2;justify-content:flex-start;text-align:center}.product-cards-demo{gap:24px;margin-top:16px}.product-card,.product-cards-demo{display:flex;flex-direction:column;width:100%}.product-card{border-radius:12px;cursor:pointer;min-height:160px;padding:16px;position:relative;transition:all .3s ease}.product-card:hover{transform:translateY(-4px)}.product-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-type-label{font-size:10px;font-weight:600;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.like-btn{align-items:center;background:none;border:none;border-radius:50%;box-shadow:var(--file-shadow);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.like-btn:hover{background:rgba(255,113,37,.595);box-shadow:var(--file-shadow-active)}.like-btn.liked{animation:heartPulse .6s ease;color:var(--brand-dark-650)}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.product-image{margin:8px 0;text-align:center}.product-emoji{display:inline-block;font-size:32px;transition:transform .2s ease}.product-card:hover .product-emoji{transform:scale(1.1)}.product-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.product-name{font-size:13px;font-weight:600;line-height:1.2;margin:0}.product-rating{align-items:center;display:flex;gap:4px}.star{color:gold}.rating-text{font-size:11px;opacity:.8}.product-price{color:var(--brand-dark-650);font-size:14px;font-weight:700}.product-actions{gap:8px;justify-content:space-between;margin-top:12px}.cart-btn,.product-actions{align-items:center;display:flex}.cart-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:all .3s ease}.cart-btn:hover{transform:translateY(-1px)}.cart-btn.added{animation:addedPulse .5s ease;background:#27ca3f!important;color:#fff!important}@keyframes addedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.view-count{align-items:center;display:flex;font-size:10px;gap:4px;opacity:.6}.simple-card{background-color:var(--page-bg);border:1px solid var(--background-muted-2);box-shadow:var(--card-shadow);color:var(--text-color)}.simple-card .cart-btn{background:#e0e6eb;color:#333}.simple-card .cart-btn:hover{background:#d0d7de}.gradient-card{background:linear-gradient(135deg,#ff7025,var(--accent));box-shadow:var(--card-shadow);color:#fff}.gradient-card .card-type-label,.gradient-card .product-name,.gradient-card .rating-text{color:#fff}.gradient-card .product-price{color:#fff;font-weight:800}.gradient-card .cart-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff}.gradient-card .cart-btn:hover{background:#ffffff4d}.neomorphic-card{background-color:var(--neo-surface)}.neomorphic-card,.neomorphic-card .cart-btn{box-shadow:var(--file-shadow);color:var(--text-neo)}.neomorphic-card .cart-btn{background:var(--neo-surface)}.neomorphic-card .cart-btn:hover{box-shadow:var(--file-shadow-active)}@media (max-width:768px){.product-card{min-height:140px;padding:12px}.product-name{font-size:12px}.product-emoji{font-size:28px}}.smart-form-demo{gap:16px;margin-top:16px;width:100%}.form-field,.smart-form-demo{display:flex;flex-direction:column}.form-field{gap:4px}.field-wrapper{align-items:center;display:flex;position:relative}.field-icon{color:var(--text-neo);left:12px;position:absolute;z-index:1}.form-input{border:1px solid var(--neutral-600);border-radius:8px;padding:12px 12px 12px 40px;width:100%}.form-input.valid{background-color:var(-surface);border-color:#27ca3f;padding-right:40px}.form-input.invalid{border-color:#ff4757;padding-right:40px}.validation-icon{position:absolute;right:12px;z-index:1}.validation-icon .valid{color:#27ca3f}.validation-icon .invalid{color:#ff4757}.password-toggle{background:none;border:none;color:var(--text-neo);cursor:pointer;padding:4px;position:absolute;right:40px;z-index:1}.error-message{animation:slideDown .3s ease;color:#ff4757;font-size:12px;margin-left:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .3s ease}.submit-btn.enabled{background:#ff7025;box-shadow:0 4px 12px #ff70254d;color:#fff}.submit-btn.enabled:hover{background:#f8b639;transform:translateY(-1px)}.submit-btn.disabled{box-shadow:var(--file-shadow-active);color:var(--text-neo);cursor:not-allowed}.submit-btn.submitting{background:#ff7025;color:#fff;cursor:wait;opacity:.8}.form-stats{color:var(--text-neo);font-size:12px;margin-top:8px;text-align:center}.smart-form-demo .form-steps{align-items:center;display:flex;gap:8px;margin-bottom:4px}.smart-form-demo .form-steps .dot{background:var(--neutral-600);border-radius:50%;height:10px;width:10px}.smart-form-demo .form-steps .dot.is-active{background:#ff7025;box-shadow:0 0 10px #ff702559}.smart-form-demo .form-steps .bar{background:var(--neutral-600);border-radius:2px;flex:1 1;height:2px}.smart-form-demo .form-steps .steps-label{color:var(--text-neo);font-size:12px;margin-left:6px}.smart-form-demo .pw-strength{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin:6px 0 0 40px}.smart-form-demo .pw-strength i{background:#00000026;border-radius:3px;display:block;height:4px}.smart-form-demo .pw-strength.is-1 i:nth-child(-n+1){background:#e57373}.smart-form-demo .pw-strength.is-2 i:nth-child(-n+2){background:#ffb74d}.smart-form-demo .pw-strength.is-3 i:nth-child(-n+3){background:#81c784}.smart-form-demo .pw-strength.is-4 i:nth-child(-n+4){background:#4db6ac}.smart-form-demo .consent-row{align-items:center;color:var(--text-neo);display:flex;font-size:12px;gap:10px;margin-top:2px}.smart-form-demo .consent-checkbox{opacity:0;pointer-events:none;position:absolute}.smart-form-demo .consent-switch{background:var(--page-bg);border:1px solid #0000001f;border-radius:999px;height:20px;position:relative;transition:background .2s,border-color .2s;width:36px}.smart-form-demo .consent-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 6px #00000026;content:"";height:16px;left:1px;position:absolute;top:1px;transition:transform .2s;width:16px}.smart-form-demo .consent-checkbox:checked+.consent-switch{background:#ff7025;border-color:var(--brand-dark-650)}.smart-form-demo .consent-checkbox:checked+.consent-switch:after{transform:translateX(16px)}.smart-form-demo .trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.smart-form-demo .trust-badge{align-items:center;background:var(--page-bg);border:1px solid #0000001f;border-radius:999px;color:var(--text-neo);display:inline-flex;gap:6px;padding:4px 8px}.smart-form-demo .success-banner{align-items:center;background:#ff70251a;border:1px solid #ff702559;border-radius:10px;color:var(--brand-dark-650);display:none;gap:8px;margin-top:10px;padding:8px 10px}.smart-form-demo .success-banner.show{display:flex}@media (max-width:640px){.smart-form-demo .form-steps .steps-label{display:none}}.services-card{background-color:var(--neo-surface)}.interactive-services{display:flex;flex-direction:column;gap:16px;margin-top:16px;width:100%}.services-filters{align-items:center;background:var(--neo-surface);border:1px solid var(--background-muted-2);border-radius:12px;box-shadow:var(--file-shadow);display:flex;gap:12px;padding:12px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{align-items:center;background:var(--neo-surface);border:none;border-radius:20px;box-shadow:var(--file-shadow);color:var(--text-neo);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.filter-btn:hover{background:#d1d9e6}.filter-btn.active{background:#ff7025;box-shadow:inset .2rem .2rem .3rem #0003;color:#fff}.filter-count{background:var(--neutral-300);border-radius:10px;color:var(--neutral-700);font-size:10px;padding:2px 6px}.filter-btn.active .filter-count{background:#ffffff4d}.services-grid__card{display:flex;flex-direction:column;gap:12px}.interactive-service-card{background:var(--neo-surface);border-radius:16px;box-shadow:var(--file-shadow);cursor:pointer;padding:16px;position:relative;transition:all .3s ease}.interactive-service-card:hover{box-shadow:inset .1rem .1rem .2rem #e8e7ebb3;transform:translateY(-2px)}.service-badge{border-radius:12px;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;right:12px;top:12px}.service-badge.popular{background:#ff7025;box-shadow:var(--file-shadow);color:#fff}.favorite-btn{align-items:center;background:var(--neo-surface);border:none;border-radius:50%;box-shadow:var(--file-shadow);color:var(--text-neo);cursor:pointer;display:flex;height:24px;justify-content:center;left:12px;position:absolute;top:10px;transition:all .2s ease;width:24px}.favorite-btn:hover{box-shadow:var(--file-shadow-active)}.favorite-btn.favorited{animation:favoriteScale .3s ease;color:var(--brand-dark-650)}@keyframes favoriteScale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.service-header{display:flex;justify-content:space-between;margin-bottom:8px;margin-top:10px}.service-title__card{color:#4b6584;font-size:14px;font-weight:600;line-height:1.2;margin:0;padding-top:1rem}.service-rating{align-items:center;color:gold;display:flex;font-size:12px;gap:4px}.service-description{color:var(--text-neo);font-size:12px;line-height:1.3;margin:0 0 12px}.service-stats{display:flex;gap:16px;margin-bottom:12px}.stat{color:var(--text-neo);font-size:11px;gap:4px}.service-footer,.stat{align-items:center;display:flex}.service-footer{justify-content:space-between}.service-price{color:var(--brand-dark-650);font-size:16px;font-weight:700}.book-btn,.service-price{box-shadow:var(--file-shadow)}.book-btn{align-items:center;background:#ff7025;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.book-btn:hover{background:#f8b639;box-shadow:inset .1rem .1rem .2rem #c3c1c680;transform:translateY(-1px)}.book-btn.booked{animation:bookSuccess .5s ease;background:#27ca3f;cursor:default}@keyframes bookSuccess{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.services-summary{color:var(--text-neo);font-size:12px;padding:8px;text-align:center}@media (max-width:768px){.service-header{flex-direction:column;gap:4px}.service-stats{flex-direction:column;gap:8px}.service-footer{align-items:stretch;flex-direction:column;gap:12px}.book-btn{justify-content:center}}.animated-nav-demo{align-items:center;display:flex;justify-content:center;margin-top:36px}.morphic-nav{border-radius:24px;box-shadow:var(--file-shadow);display:flex;overflow:hidden;padding:12px;position:relative}.morphic-nav,.morphic-nav:before{background:var(--neo-surface);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.morphic-nav:before{border-radius:20px;box-shadow:var(--file-shadow-active);content:"";height:64px;left:calc(10px + var(--active-index)*60px);position:absolute;top:8px;width:64px;z-index:0}.nav-item{align-items:center;background:none;border:none;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:60px;justify-content:center;padding:8px 12px;position:relative;transition:all .3s ease;width:60px;z-index:1}.nav-icon{stroke-width:1.5}.nav-icon,.nav-label{color:var(--text-neo);transition:all .3s ease}.nav-label{font-size:9px;font-weight:500;opacity:.8;white-space:nowrap}.nav-item.active .nav-icon{stroke-width:2;color:var(--brand-dark-650);transform:scale(1.1)}.nav-item.active .nav-label{color:var(--brand-dark-650);font-weight:600;opacity:1}.nav-item:hover:not(.active) .nav-icon{color:var(--brand-dark-650);transform:scale(1.05)}.nav-item:hover:not(.active) .nav-label{color:var(--brand-dark-650)}.nav-item:active{transform:scale(.95)}@keyframes navActivate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.nav-item.active{animation:navActivate .3s ease}@media (max-width:480px){.morphic-nav{padding:6px}.morphic-nav:before{height:48px;left:calc(6px + var(--active-index)*54px);width:48px}.nav-item{height:54px;width:54px}.nav-icon{height:20px;width:20px}.nav-label{font-size:8px}}.morphic-nav:hover{box-shadow:inset 10px 10px 20px #d1d9e680,inset -10px -10px 20px #ffffff59}.nav-item:focus{outline:2px solid #ff7025;outline-offset:2px}.nav-item:focus:not(:focus-visible){outline:none}.social-demoB .socialB-list{gap:var(--icon-gap);list-style:none;margin:0;padding:0}.social-demoB .socialB-item,.social-demoB .socialB-list{align-items:center;display:inline-flex;justify-content:center}.social-demoB .socialB-item{background:linear-gradient(0deg,var(--neo-surface),#fff);border-radius:50%;box-shadow:var(--file-shadow);box-sizing:border-box;height:var(--icon-diameter);padding:6px;position:relative;transition:box-shadow .3s,transform .2s;width:var(--icon-diameter)}.social-demoB .socialB-item:hover{box-shadow:0 2px 5px #0003;transform:translateY(-1px)}.social-demoB .socialB-inner{align-items:center;background:linear-gradient(0deg,#fff,var(--neo-surface));border-radius:50%;display:flex;height:100%;justify-content:center;transition:background-color .3s;width:100%}.social-demoB .socialB-inner svg{color:var(--neutral-800);font-size:var(--icon-font-size);transition:color .3s}.social-demoB .socialB-item[data-brand=facebook]:hover .socialB-inner svg{color:#3b5998}.social-demoB .socialB-item[data-brand=twitter]:hover .socialB-inner svg{color:#00aced}.social-demoB .socialB-item[data-brand=google]:hover .socialB-inner svg{color:#dd4b39}.social-demoB .socialB-item[data-brand=linkedin]:hover .socialB-inner svg{color:#007bb6}.social-demoB .socialB-item[data-brand=instagram]:hover .socialB-inner svg{color:#e4405f}@media (max-width:640px){.social-demoB .socialB-list{gap:.5rem}}.respo-card{align-items:stretch;gap:1.5rem}.respo-card,.respo-grid{display:flex;flex-direction:column}.respo-grid{gap:1rem}.card-title-small{color:var(--accent);margin-bottom:.5rem}.respo-typo-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.respo-typo{margin-bottom:1rem;text-align:left}.respo-typo-item{background:var(--background-muted);border:1px solid var(--background-muted-2);border-radius:.5rem;box-shadow:var(--file-shadow);padding:12px 14px}.respo-typo-h1{font-size:clamp(24px,3.2vw,32px);font-weight:800;line-height:1.15;margin:0 0 2px;text-shadow:var(--text-neomorphshadow)}.respo-card .respo-typo-h2{color:var(--accent);font-size:clamp(16px,1.6vw,20px);font-weight:700;line-height:1.2;margin:0 0 2px}.respo-card .h2--bar{padding-left:12px;position:relative}.respo-card .h2--bar:before{background:linear-gradient(180deg,var(--accent),#ff7025);border-radius:3px;bottom:.2em;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 35%,#0000);content:"";left:0;opacity:.85;position:absolute;top:.2em;width:4px}.respo-card .h3--tag .tag{background:var(--accent);border:1px solid var(--border-default);border-radius:6px;color:var(--btn-bg);display:inline-block;font-size:11px;font-weight:700;margin-right:8px;padding:2px 8px}.respo-card .h3--icon{padding-left:.25ch}.respo-card .respo-typo-caption{font-size:13px;line-height:var(--text-line-height);margin:0 0 2px}.respo-card .respo-typo-label{display:inline-block;font-size:11px}.respo-card .respo-devices{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.respo-card .respo-devices{grid-template-columns:1fr}}.respo-card .respo-device{border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--file-shadow);display:grid;overflow:hidden;padding:10px;place-items:center;position:relative;transition:transform .2s ease,border-color .2s ease}.respo-card .respo-device.is-desktop{aspect-ratio:16/10}.respo-card .respo-device.is-tablet{aspect-ratio:4/3}.respo-card .respo-device.is-mobile{aspect-ratio:9/16}.respo-card .respo-device:hover{border-color:var(--accent);transform:translateY(-2px)}.respo-card .respo-device-mark{color:var(--text-color);left:8px;opacity:.9;position:absolute;top:8px}.respo-card .skeleton{grid-gap:10px;background:linear-gradient(180deg,#ffffff24,#ffffff0f);border:1px solid var(--card-border);border-radius:10px;display:grid;gap:10px;grid-template-rows:auto 1fr;height:76%;padding:10px;width:92%}.respo-card .skeleton .bar{animation:respoShimmer 2.2s linear infinite;background:linear-gradient(90deg,#00000014,#00000005,#00000014);background-size:180% 100%;border-radius:6px;height:12px}.respo-card .skeleton .row{background:#00000014;border-radius:6px;height:12px;margin-bottom:8px}.respo-card .skeleton .row.short{width:60%}.respo-card .skeleton .row.tiny{width:40%}@keyframes respoShimmer{0%{background-position:0 0}to{background-position:180% 0}}.respo-card .respo-note{align-items:center;color:var(--text-color);display:flex;font-size:12px;gap:10px;margin-top:8px}.respo-card .respo-note .sparkline{background:linear-gradient(180deg,#00000014,#00000005);border:1px solid var(--card-border);border-radius:20px;height:18px;overflow:hidden;position:relative;width:80px}.respo-card .respo-note .sparkline:before{background:linear-gradient(90deg,#0000 0,#ffffff73 15%,#0000 30%,#ffffff73 55%,#0000 70%,#ffffff73 85%,#0000);content:"";inset:0;opacity:.5;position:absolute}.respo-card .respo-note .sparkline:after{background:var(--accent);border-radius:50%;box-shadow:var(--file-shadow);content:"";height:6px;position:absolute;right:10px;top:6px;width:6px}.starter-header{margin:0 auto 2rem;max-width:980px;text-align:center}.starter-desc{line-height:1.6;margin:.5rem auto 0;max-width:720px}.starter-note{background:var(--background-muted);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);color:var(--neutral-600);font-size:.95rem;margin:1rem auto;max-width:720px;padding:10px 14px}.starter-deliverables{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;list-style:none;margin:1rem auto 0;padding:0}.starter-deliverable{background:var(--neo-surface);border:1px solid var(--card-border);border-radius:999px;box-shadow:var(--file-shadow);font-size:.95rem;gap:8px;padding:8px 12px}.starter-deliverable,.starter-deliverable__icon{align-items:center;display:inline-flex}.starter-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,minmax(0,1fr))}.starter-card{background:var(--neo-surface);border:1px solid var(--card-border);border-radius:1rem;box-shadow:var(--card-shadow);display:flex;flex-direction:column;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.starter-card:hover{box-shadow:var(--box-shadow);transform:translateY(-4px)}.starter-card__head{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr auto;margin-bottom:.75rem}.starter-card__icon{background:var(--neo-surface);border-radius:10px;box-shadow:var(--file-shadow);display:grid;height:36px;place-items:center;width:36px}.starter-card__title{font-size:1.15rem;margin:0;text-shadow:var(--text-shadow)}.starter-card__tag{background:var(--background-muted);border:1px solid var(--card-border);border-radius:999px;color:var(--accent);font-size:.8rem;padding:4px 8px}.starter-strip{grid-gap:10px;display:grid;gap:10px;grid-auto-columns:85%;grid-auto-flow:column;margin-bottom:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.starter-strip::-webkit-scrollbar{height:6px}.starter-strip::-webkit-scrollbar-thumb{background:var(--background-muted-2);border-radius:6px}.starter-shot{margin:0;scroll-snap-align:start}.starter-shot__frame{aspect-ratio:16/10;background:linear-gradient(180deg,#0000000f,#00000005);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--file-shadow);overflow:hidden;position:relative}.starter-shot__frame img{height:100%;object-fit:cover;width:100%}.starter-shot__caption{color:var(--neutral-600);font-size:.8rem;margin-top:6px;text-align:center}.starter-card__bullets{grid-gap:4px;display:grid;font-size:.95rem;gap:4px;margin:.5rem 0 0;padding-left:1.1rem}.starter-cta{display:flex;gap:12px;justify-content:center;margin-top:1.25rem;padding-top:2rem}@media (max-width:1200px){.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-strip{grid-auto-columns:92%}}@media (max-width:640px){.starter-grid{grid-template-columns:1fr}.starter-deliverables{justify-content:center}}
/*# sourceMappingURL=386.95d02596.chunk.css.map*/