.dp-root{--dp-nav:var(--nav-height,80px);--dp-stepper-h:var(--dp-stepper-height,74px);--dp-on-accent:#fff}.dark .dp-root{--dp-on-accent:#1b1b1b}body.has-sticky-stepper{overflow-x:clip}@media (prefers-reduced-motion:reduce){html:has(.dp-root){scroll-behavior:auto}}.dp-eyebrow{color:var(--brand-600);font-size:14px;font-weight:400;text-transform:uppercase}.dp-root .dp-hero{padding-bottom:2rem;padding-top:calc(var(--dp-nav) + 1.5rem)}.dp-header{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:820px;text-align:center}.dp-header__intro{font-size:1.1rem;line-height:1.6;margin:0;max-width:620px}.dp-stepper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--neo-surface);border-bottom:1px solid var(--card-border);padding-top:.6rem;position:-webkit-sticky;position:sticky;top:var(--dp-nav);z-index:20}@supports (color:color-mix(in srgb,red 50%,blue)){.dp-stepper{background:color-mix(in srgb,var(--neo-surface) 88%,#0000)}}.dp-stepper__list{display:flex;gap:.6rem;justify-content:center;justify-content:safe center;list-style:none;margin:0;overflow-x:auto;padding:.35rem .4rem .8rem;position:relative;scrollbar-width:none}.dp-stepper__list::-webkit-scrollbar{display:none}.dp-stepper__btn{align-items:center;background:var(--neo-surface);border-radius:999px;box-shadow:var(--file-shadow);color:inherit;color:var(--text-neo,inherit);cursor:pointer;display:inline-flex;font:inherit;font-size:.95rem;gap:.55rem;padding:.4rem 1rem .4rem .45rem;text-decoration:none;transition:box-shadow .2s ease,color .2s ease;white-space:nowrap}.dp-stepper__btn.is-active,.dp-stepper__btn:hover{box-shadow:var(--file-shadow-active)}.dp-stepper__btn.is-active{color:var(--accent)}.dp-stepper__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dp-stepper__num{background:var(--background-muted);border:1px solid var(--card-border);border-radius:50%;display:grid;font-size:.85rem;font-weight:700;height:1.8rem;place-items:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:1.8rem}.dp-stepper__btn.is-done .dp-stepper__num{border-color:var(--accent);color:var(--accent)}.dp-stepper__btn.is-active .dp-stepper__num{background:var(--accent);border-color:var(--accent);color:var(--dp-on-accent)}.dp-stepper__track{background:var(--background-muted-2);border-radius:3px;height:3px;margin:0 .4rem;overflow:hidden}.dp-stepper__fill{background:var(--accent);display:block;height:100%;transform-origin:left center;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.dp-root .dp-step{padding-bottom:3rem;padding-top:3rem;scroll-margin-top:calc(var(--dp-nav) + var(--dp-stepper-h) + 1rem)}.dp-step__head{align-items:center;display:flex;flex-direction:column;gap:.6rem;margin:0 auto 2.5rem;max-width:760px;text-align:center}.dp-step__title{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.15;margin:0;text-shadow:var(--text-shadow)}.dp-step__text{font-size:1.05rem;line-height:1.6;margin:0;max-width:640px}.dp-points{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;list-style:none;margin:.6rem 0 0;padding:0}.dp-point{align-items:center;background:var(--neo-surface);border:1px solid var(--card-border);border-radius:999px;box-shadow:var(--file-shadow);display:inline-flex;font-size:.92rem;gap:.45rem;padding:.45rem .85rem}.dp-point svg{color:var(--accent);flex:none}.dp-demo-note{color:var(--neutral-600);font-size:.9rem;margin:0 auto 1.5rem;max-width:560px;text-align:center}@media (max-width:800px){.dp-stepper__list{justify-content:flex-start}}@media (max-width:640px){.dp-stepper{padding-top:.3rem}.dp-stepper__list{gap:.4rem;padding:.2rem .4rem .45rem}.dp-stepper__btn{font-size:.9rem;padding:.25rem .8rem .25rem .3rem}.dp-stepper__btn:not(.is-active) .dp-stepper__label{display:none}.dp-stepper__btn:not(.is-active){padding-right:.3rem}.dp-stepper__num{height:1.6rem;width:1.6rem}.dp-step__head{margin-bottom:1.75rem}}@media (max-width:360px){.dp-stepper{position:static}.dp-root .dp-step{scroll-margin-top:calc(var(--dp-nav) + 1rem)}}.dp-wire{--dp-tint:#80808047;--dp-line:#8080808c;margin:0 auto;max-width:860px}@supports (color:color-mix(in srgb,red 50%,blue)){.dp-wire{--dp-tint:color-mix(in srgb,currentColor 18%,#0000);--dp-line:color-mix(in srgb,currentColor 42%,#0000)}}.dp-wire__stage{aspect-ratio:16/10;background:var(--neo-surface);border:1px solid var(--card-border);border-radius:1rem;box-shadow:var(--card-shadow);color:var(--text-color);container-type:inline-size;overflow:hidden;position:relative}.dp-wire__stage:has(.dp-wire__range:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.dp-wire__layer{inset:0;position:absolute}.dp-wire__layer--ui{-webkit-clip-path:inset(0 0 0 var(--dp-pos));clip-path:inset(0 0 0 var(--dp-pos))}.dp-wire__range{-webkit-appearance:none;appearance:none;background:#0000;cursor:ew-resize;height:100%;inset:0;margin:0;opacity:0;position:absolute;touch-action:pan-y;width:100%;z-index:3}.dp-wire__range:disabled{cursor:default}.dp-wire__range::-webkit-slider-runnable-track{background:#0000;height:100%}.dp-wire__range::-moz-range-track{background:#0000;height:100%}.dp-wire__range::-webkit-slider-thumb{-webkit-appearance:none;height:100vh;opacity:0;width:2px}.dp-wire__range::-moz-range-thumb{border:0;height:100%;opacity:0;width:2px}.dp-wire__handle{background:var(--accent);bottom:0;left:var(--dp-pos);margin-left:-1px;pointer-events:none;position:absolute;top:0;width:2px;z-index:2}.dp-wire__handle i{background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #0000002e,0 6px 16px #00000059;color:var(--dp-on-accent);display:grid;font-size:1rem;font-style:normal;font-weight:700;height:2.6rem;left:50%;letter-spacing:.1em;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.6rem}.dp-wire__handle i:before{content:"\2039\203A"}.dp-wire__range:focus-visible+.dp-wire__handle i{box-shadow:0 0 0 3px #fff,0 0 0 6px #1b1b1b}.dp-wire__labels{display:flex;font-size:.9rem;font-weight:600;gap:.75rem;justify-content:space-between;margin-top:.75rem}.dp-wire__labels span:before{background:var(--dp-line);border-radius:50%;content:"";display:inline-block;height:.6rem;margin-right:.5rem;width:.6rem}.dp-wire__labels span+span:before{background:var(--accent)}.dp-wire__caption{font-size:.95rem;line-height:1.5;margin-top:.4rem;opacity:.85}.dp-wire__caption,.dp-wire__hint{color:var(--text-color);text-align:center}.dp-wire__hint{font-size:.85rem;margin:.25rem 0 0;min-height:1.4em;opacity:.7}.dp-mock{box-sizing:border-box;display:flex;flex-direction:column;font-size:14px;font-size:clamp(7px,2.4vw,14px);font-size:clamp(7px,2.1cqw,15px);gap:3.2%;inset:0;padding:3.5% 4%;position:absolute}.dp-mock__nav{align-items:center;display:flex;flex:none;height:2.4em;justify-content:space-between}.dp-mock__logo{align-items:center;border:1px solid #0000;border-radius:.4em;display:inline-flex;height:1.4em;min-width:5em}.dp-mock__links{display:flex;gap:1em}.dp-mock__links i{border-radius:1em;display:block;height:.6em;width:3em}.dp-mock__hero{grid-gap:4%;display:grid;flex:1.3 1;gap:4%;grid-template-columns:1.1fr 1fr;min-height:0}.dp-mock__copy{display:flex;flex-direction:column;gap:.9em;justify-content:center;min-width:0}.dp-mock__bar{border-radius:.25em;height:.7em}.dp-mock__bar--title{height:1.3em}.dp-mock__bar--short{width:60%}.dp-mock__cta{align-items:center;align-self:flex-start;border:1px solid #0000;border-radius:.6em;box-sizing:border-box;display:inline-flex;height:2.3em;min-width:9em;padding:0 1.2em}.dp-mock__img{border:1px solid #0000;border-radius:.9em;display:grid;min-height:0;place-items:center}.dp-mock__cards{grid-gap:3%;display:grid;flex:0.8 1;gap:3%;grid-template-columns:repeat(3,1fr);min-height:0}.dp-mock__card{border:1px solid #0000;border-radius:.8em;box-sizing:border-box;display:flex;flex-direction:column;gap:.7em;min-width:0;padding:1em}.dp-mock--wire{background:var(--neo-surface)}.dp-mock--wire .dp-mock__card,.dp-mock--wire .dp-mock__cta,.dp-mock--wire .dp-mock__logo{border:1px dashed var(--dp-line)}.dp-mock--wire .dp-mock__bar,.dp-mock--wire .dp-mock__links i{background:var(--dp-tint)}.dp-mock--wire .dp-mock__img{background:linear-gradient(to top right,#0000 calc(50% - .5px),var(--dp-line) 50%,#0000 calc(50% + .5px)),linear-gradient(to top left,#0000 calc(50% - .5px),var(--dp-line) 50%,#0000 calc(50% + .5px));border:1px dashed var(--dp-line)}.dp-mock--wire .dp-mock__img svg{display:none}.dp-mock--ui{background:radial-gradient(circle at 82% 12%,#ff702529,#0000 55%),var(--neo-surface)}.dp-mock--ui .dp-mock__logo{color:var(--accent);font-size:1.1em;font-weight:800}.dp-mock--ui .dp-mock__links i{background:var(--dp-line)}.dp-mock--ui .dp-mock__title{color:var(--text-color);font-size:1.9em;font-weight:800;line-height:1.1}.dp-mock--ui .dp-mock__text{line-height:1.4;opacity:.8}.dp-mock--ui .dp-mock__cta{background:var(--accent);border-radius:999px;color:var(--dp-on-accent);font-weight:700;justify-content:center}.dp-mock--ui .dp-mock__img{background:linear-gradient(135deg,var(--accent),#ff702540);box-shadow:0 .6em 1.4em #0000004d;color:var(--dp-on-accent)}.dp-mock--ui .dp-mock__card{background:var(--neo-surface);border-color:var(--card-border);box-shadow:0 .5em 1.2em #00000040}.dp-mock--ui .dp-mock__card-title{font-weight:700}.dp-mock--ui .dp-mock__bar{background:var(--dp-tint)}@media (max-width:640px){.dp-wire__stage{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.dp-stepper__btn,.dp-stepper__fill,.dp-stepper__num{transition:none}}.dp-root .bento-grid-container--design,.dp-root .bento-grid-container--dev,.dp-root .bento-grid-container--library{margin-top:1.5rem}.dp-root .bento-grid-container--design .palette-card{grid-area:palette}.dp-root .bento-grid-container--design .details-card{grid-area:details}.dp-root .bento-grid-container--design .glass-card{grid-area:glass;min-height:0}.dp-root .bento-grid-container--dev .frontend-card{grid-area:frontend}.dp-root .bento-grid-container--dev .respo-card{grid-area:respo}.dp-root .bento-grid-container--library .card-types-card{grid-area:cards}.dp-root .bento-grid-container--library .form-card{grid-area:forms}.dp-root .bento-grid-container--library .buttons-card{grid-area:buttons}.dp-root .bento-grid-container--library .services-card{grid-area:services}.dp-root .bento-grid-container--library .social-card{grid-area:social}.dp-root .bento-grid-container--design{grid-template-areas:"glass" "palette" "details";grid-template-columns:minmax(0,1fr)}.dp-root .bento-grid-container--dev{grid-template-areas:"frontend" "respo";grid-template-columns:minmax(0,1fr)}.dp-root .bento-grid-container--library{grid-template-areas:"cards" "forms" "buttons" "services" "social";grid-template-columns:minmax(0,1fr)}.dp-root .product-cards-demo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(200px,30%)),1fr))}.dp-root .services-grid__card{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(280px,45%)),1fr))}.dp-root .respo-card .respo-grid{align-items:start;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}@media (min-width:641px){.dp-root .bento-grid-container--design{grid-template-areas:"glass palette" "details details";grid-template-columns:repeat(2,minmax(0,1fr))}.dp-root .bento-grid-container--dev .frontend-card>:not(.bento-icon-wrapper):not(.bento-title):not(.bento-description){margin-left:auto;margin-right:auto;max-width:640px;width:100%}.dp-root .bento-grid-container--library .form-card .social-example-content{margin:0 auto;max-width:520px;width:100%}}@media (min-width:1025px){.dp-root .bento-grid-container--design{grid-template-areas:"glass palette details";grid-template-columns:repeat(3,minmax(0,1fr))}.dp-root .bento-grid-container--dev{grid-template-areas:"frontend respo respo";grid-template-columns:repeat(3,minmax(0,1fr))}.dp-root .bento-grid-container--library{grid-template-areas:"cards cards cards" "forms buttons buttons" "services services social";grid-template-columns:repeat(3,minmax(0,1fr))}}.dp-root .bento-grid-container--library .social-card{justify-content:space-evenly}.dp-root .glass-card{padding:.875rem}.dp-root .glass-card .glass-content{align-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff24;border-radius:.75rem;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0;min-width:0;padding:1.5rem;width:100%}.dp-root .glass-card .bento-title{font-size:clamp(1.35rem,6.2vw,2rem);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}@media (max-width:640px){.dp-root .respo-card .respo-devices{align-items:end;gap:.5rem;grid-template-columns:1.7fr 1.3fr .8fr}}.dp-launch{--lp-bg:#182233;--lp-bg-2:#1f2c42;--lp-line:#a0b9e138;--lp-ink:#eef3fb;--lp-muted:#b4c2d9;--lp-orange:#ff8a47;--lp-ok:#5fd39a;background:linear-gradient(180deg,var(--lp-bg-2),var(--lp-bg));border:1px solid var(--lp-line);border-radius:16px;box-shadow:0 18px 40px #0a101c59,inset 0 1px 0 #ffffff0f;color:var(--lp-ink);margin:1.75rem auto 0;max-width:880px;overflow:hidden}.dp-launch__bar{background:#0000002e;border-bottom:1px solid var(--lp-line);padding:.7rem 1rem}.dp-launch__dots{display:inline-flex;gap:6px}.dp-launch__dots i{background:#a0b9e159;border-radius:50%;height:10px;width:10px}.dp-launch__dots i:first-child{background:var(--lp-orange)}.dp-launch__body{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.dp-launch__top{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;justify-content:space-between}.dp-launch__title{color:var(--lp-ink);font-size:1.25rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.dp-launch__site{align-items:center;background:#00000038;border:1px solid var(--lp-line);border-radius:999px;display:flex;flex-wrap:wrap;font-size:.95rem;gap:.4rem .75rem;margin:0;padding:.5rem .9rem}.dp-launch__site svg{color:var(--lp-ok);flex:none}.dp-launch__domain{font-weight:600}.dp-launch__secure{color:var(--lp-muted)}.dp-launch__status{align-items:center;background:#5fd39a24;border-radius:999px;color:var(--lp-ok);display:inline-flex;font-weight:600;gap:.4rem;padding:.1rem .6rem}.dp-launch__pulse{background:var(--lp-ok);border-radius:50%;height:8px;width:8px}@media (prefers-reduced-motion:no-preference){.dp-launch__pulse{animation:dp-launch-pulse 2.4s ease-in-out infinite}}@keyframes dp-launch-pulse{50%{opacity:.35}}.dp-launch__label{color:var(--lp-muted);font-size:.85rem;letter-spacing:.08em;margin:0 0 .7rem;text-transform:uppercase}.dp-launch__list{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.dp-launch__check{align-items:flex-start;background:#ffffff08;border:1px solid var(--lp-line);border-radius:10px;display:flex;font-size:.95rem;gap:.55rem;line-height:1.35;overflow-wrap:anywhere;padding:.65rem .8rem}.dp-launch__check svg{color:var(--lp-ok);flex:none;margin-top:.1rem}.dp-launch__flow{grid-gap:.75rem;border-top:1px solid var(--lp-line);display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:1.25rem 0 0}.dp-launch__node{align-items:center;display:flex;flex-direction:column;gap:.6rem;position:relative;text-align:center}.dp-launch__icon{background:var(--lp-bg);border:2px solid var(--lp-orange);border-radius:50%;color:var(--lp-orange);display:grid;height:3rem;place-items:center;position:relative;width:3rem;z-index:1}.dp-launch__node:last-child .dp-launch__icon{background:var(--lp-orange);color:#1b1b1b}.dp-launch__node:not(:last-child):before{background:var(--lp-orange);content:"";height:2px;left:calc(50% + 2rem);opacity:.6;position:absolute;top:1.5rem;width:calc(100% - 3.25rem)}.dp-launch__node:not(:last-child):after{border-right:2px solid var(--lp-orange);border-top:2px solid var(--lp-orange);content:"";height:8px;left:calc(150% - 1.25rem - 8px);opacity:.85;position:absolute;top:calc(1.5rem - 4px);transform:rotate(45deg);width:8px}.dp-launch__node-text{color:var(--lp-muted);display:flex;flex-direction:column;font-size:.92rem;gap:.2rem;line-height:1.35}.dp-launch__node-text strong{color:var(--lp-ink);font-size:1.1rem}.dp-launch__sample{background:#0000002e;border-top:1px solid var(--lp-line);color:var(--lp-muted);font-size:.82rem;margin:0;padding:.65rem 1.5rem}@media (max-width:767px){.dp-launch__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.dp-launch__body{padding:1.1rem}.dp-launch__sample{padding:.65rem 1.1rem}.dp-launch__site{border-radius:16px}.dp-launch__flow,.dp-launch__list{grid-template-columns:minmax(0,1fr)}.dp-launch__flow{gap:1.1rem}.dp-launch__node{align-items:flex-start;flex-direction:row;gap:.9rem;text-align:left}.dp-launch__node:not(:last-child):before{height:calc(100% - 1.9rem - 2px);left:calc(1.5rem - 1px);top:3rem;width:2px}.dp-launch__node:not(:last-child):after{bottom:calc(-1.1rem - 1px);left:calc(1.5rem - 4px);top:auto;transform:rotate(135deg)}}.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.663bc92fa0ec97909149.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:#fff4e6;text-shadow:0 1px 3px #1f1208a6}.glass-card .bento-title{color:#fff4e6;font-size:2rem}.glass-card .bento-description{color:#ffe9d6;font-size:18px}.glass-button{background:#26231f80;border:2px solid #ff8a47;border-radius:12px;box-shadow:var(--card-shadow);color:#fff4e6;cursor:pointer;margin-top:1rem;padding:12px 28px;text-shadow:0 1px 2px #1f120899;transition:all .3s ease}.glass-button:hover{background:#26231fb3;border-color:#f26a21}.glass-button:focus-visible{outline:3px solid #fff4e6;outline-offset:3px}.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}}.bento-grid-container--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-grid-container--pair .bento-item{grid-column:span 1;grid-row:auto}.bento-grid-container--pair .glass-card{grid-column:1/-1;min-height:280px;order:3}.bento-grid-container--pair .glass-card .glass-content{margin:0 auto;max-width:640px;width:100%}.bento-grid-container--masonry{column-gap:1.5rem;column-width:340px;display:block}.bento-grid-container--masonry .bento-item{break-inside:avoid;margin-bottom:1.5rem;page-break-inside:avoid}@media (max-width:768px){.bento-grid-container--pair{grid-template-columns:1fr}}.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{--mood-surface:#fffaf5;--mood-pale:#fff0e3;--mood-soft:#ffc9a1;--mood-mid:#f26a21;--mood-ink:#26231f;--mood-on-mid:#1f1d1a;--mood-font:"Poppins","DM Sans",system-ui,sans-serif;--mood-weight-head:700;background-color:var(--mood-surface);border-radius:20px;box-sizing:border-box;color:var(--mood-ink);display:flex;flex-direction:column;gap:.8rem;margin:.5rem auto 0;max-width:360px;min-width:0;padding:12px;text-align:center;transition:background-color .3s ease,color .3s ease;width:100%}.mood-sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mood-picker{grid-gap:8px;border:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,118px),1fr));margin:0;min-width:0;padding:0}.mood-chip{display:block;min-width:0;position:relative}.mood-chip input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%}.mood-chip__face{align-items:center;background:#0000;border:2px solid var(--mood-soft);border-radius:12px;box-sizing:border-box;color:var(--mood-ink);display:flex;font-size:.88rem;font-weight:600;gap:.4rem;justify-content:center;line-height:1.2;min-height:44px;padding:.4rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.mood-chip__dot{border-radius:50%;box-shadow:0 0 0 1.5px var(--mood-ink);flex:none;height:.65rem;width:.65rem}.mood-chip:hover .mood-chip__face{border-color:var(--mood-mid)}.mood-chip input:checked+.mood-chip__face{background:var(--mood-mid);border-color:var(--mood-ink);color:var(--mood-on-mid)}.mood-chip input:checked+.mood-chip__face .mood-chip__dot{box-shadow:0 0 0 1.5px var(--mood-on-mid)}.mood-chip input:focus-visible+.mood-chip__face{outline:3px solid var(--mood-ink);outline-offset:2px}.mood-desc{font-size:.9rem;line-height:1.4;margin:0;min-height:3em}.font-info{text-align:center}.font-label{color:var(--mood-ink);display:block;font-size:.85rem;margin-bottom:2px;opacity:.8}.font-name{font-family:var(--mood-font);font-size:1.9rem;font-weight:var(--mood-weight-head);line-height:1.1;transition:font-weight .3s ease}.palette-wrapper{display:flex;flex-direction:column;margin-top:auto}.palette-swatches{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.color-swatch{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:.25rem;text-align:center}.color-box{border-radius:12px;box-shadow:0 0 0 1px #00000024;padding-top:100%;transition:background-color .3s ease;width:100%}.color-hex{font-size:12px;font-weight:500;margin-top:.5rem;max-width:100%;white-space:nowrap}@media (max-width:360px){.color-hex{font-size:11px}}@media (prefers-reduced-motion:reduce){.color-box,.color-palette-container,.font-name,.mood-chip__face{transition:none}}.idet{--mood-surface:#fffaf5;--mood-pale:#fff0e3;--mood-soft:#ffc9a1;--mood-mid:#f26a21;--mood-ink:#26231f;--mood-on-mid:#1f1d1a;--mood-font:"Poppins","DM Sans",system-ui,sans-serif;--mood-weight-head:700;--mood-weight-body:500;--mood-radius:999px;--mood-radius-field:14px;--mood-radius-card:20px;--mood-shadow:4px 4px 0 #26231f;--idet-line:var(--mood-ink);background-color:var(--mood-surface);border-radius:var(--mood-radius-card);box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;font-family:var(--mood-font);font-weight:var(--mood-weight-body);gap:.8rem;justify-content:center;margin:.5rem auto 0;max-width:360px;min-width:0;padding:16px 14px;text-align:left;transition:background-color .3s ease,color .3s ease,border-radius .3s ease;width:100%}.idet,.idet-title{color:var(--mood-ink)}.idet-title{font-size:1.35rem;font-weight:var(--mood-weight-head);line-height:1.15;margin:0}.idet-text{color:var(--mood-ink);font-size:.92rem;line-height:1.4;margin:-.3rem 0 0}.idet-field{display:flex;flex-direction:column;gap:.3rem}.idet-field__label{font-size:.88rem;font-weight:600}.idet-input{background:#fff;border:1.5px solid var(--idet-line);border-radius:var(--mood-radius-field);box-sizing:border-box;color:var(--mood-ink);font:inherit;font-size:.95rem;min-height:44px;padding:.5rem .8rem;transition:border-color .2s ease,border-radius .3s ease;width:100%}.idet-input::placeholder{color:var(--mood-ink);opacity:.7}.idet-input:hover{border-color:var(--mood-ink)}.idet-input:focus-visible{border-color:var(--mood-ink);outline:3px solid var(--mood-ink);outline-offset:2px}.idet-actions{display:flex;flex-wrap:wrap;gap:.6rem}.idet-btn{align-items:center;border:2px solid var(--mood-ink);border-radius:var(--mood-radius);cursor:pointer;display:inline-flex;font:inherit;font-size:.92rem;font-weight:var(--mood-weight-head);justify-content:center;line-height:1.2;min-height:44px;padding:.5rem 1.1rem;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease,border-radius .3s ease}.idet-btn--primary{background:var(--mood-mid);box-shadow:var(--mood-shadow);color:var(--mood-on-mid);flex:1 1 auto}.idet-btn--outline{background:#0000;color:var(--mood-ink)}.idet-btn:hover{transform:translateY(-2px)}.idet-btn--outline:hover{background:var(--mood-pale)}.idet-btn:active{box-shadow:none;transform:translateY(1px)}.idet-btn:focus-visible,.idet-switch:focus-visible{outline:3px solid var(--mood-ink);outline-offset:3px}.idet-switch-row{align-items:center;background:var(--mood-pale);border-radius:var(--mood-radius-field);display:flex;gap:1rem;justify-content:space-between;padding:.6rem .8rem;transition:background-color .3s ease,border-radius .3s ease}.idet-switch-label{font-size:.92rem;font-weight:600}.idet-switch{background:var(--mood-surface);border:2px solid var(--mood-ink);border-radius:999px;cursor:pointer;flex:none;height:30px;padding:0;position:relative;transition:background-color .2s ease;width:52px}.idet-switch[aria-checked=true]{background:var(--mood-mid)}.idet-switch__thumb{background:var(--mood-ink);border-radius:50%;height:20px;left:3px;margin-top:-10px;position:absolute;top:50%;transition:transform .2s ease;width:20px}.idet-switch[aria-checked=true] .idet-switch__thumb{transform:translateX(22px)}@media (prefers-reduced-motion:reduce){.idet,.idet-btn,.idet-input,.idet-switch,.idet-switch-row,.idet-switch__thumb{transition:none}.idet-btn:active,.idet-btn:hover{transform:none}}.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{flex-wrap:wrap;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:340px){.starter-cta{flex-wrap:wrap}}@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}}