:root{--gold:#c9a96e}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:0 1.5rem;display:flex;position:relative;overflow:hidden}.hero-headline{font-family:var(--font-display);letter-spacing:-.04em;opacity:0;margin-bottom:2.5rem;font-size:clamp(2.5rem,11vw,9rem);line-height:.95;animation:2.5s cubic-bezier(.16,1,.3,1) .3s forwards blurReveal}.social-proof-container{opacity:0;justify-content:center;width:100%;margin-bottom:1.5rem;animation:2s cubic-bezier(.16,1,.3,1) .6s forwards blurReveal;display:flex}.social-proof-pill{-webkit-backdrop-filter:blur(12px);color:#ffffff80;direction:ltr;background:#ffffff05;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:.6rem;max-width:95vw;padding:.5rem 1rem;font-family:monospace;font-size:.65rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.social-proof-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.social-time{display:inline}.pulse-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulseDot;display:inline-block;box-shadow:0 0 12px #c9a96ecc}.hero-btn{color:#fff;letter-spacing:.15em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:.8rem;text-decoration:none;transition:all .5s cubic-bezier(.16,1,.3,1);display:inline-flex}.hero-btn:hover{color:#000;background:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #ffffff26}.scroll-indicator{opacity:0;flex-direction:column;align-items:center;gap:.75rem;animation:2s 1.5s forwards blurReveal;display:flex;position:absolute;bottom:2rem;left:49%;transform:translate(-49%)}.section-padding{padding:clamp(4rem,12vw,9rem) 1.5rem}.section-header{margin-bottom:clamp(2rem,5vw,3rem)}.steps-container{text-align:center;grid-template-columns:1fr;gap:3rem;display:grid}.bento-grid-personal,.bento-grid-commerce{grid-template-columns:1fr;gap:1.25rem;width:100%;display:grid}.bento-card{background:#050505;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;justify-content:space-between;height:300px;padding:1.75rem;text-decoration:none;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.sales-label{color:#fff9;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;display:block}.sales-input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.sales-input:focus{border-color:var(--gold);background:#c9a96e0d;box-shadow:0 0 10px #c9a96e1a}.sales-input option{color:#fff;background:#111}.modal-btn-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:100px;padding:.75rem 1.5rem;font-size:.85rem;font-weight:500;transition:all .3s}.modal-btn-close:hover{background:#ffffff1a}.modal-btn-send{background:var(--gold);border:1px solid var(--gold);color:#000;cursor:pointer;border-radius:100px;padding:.75rem 1.75rem;font-size:.85rem;font-weight:600;transition:all .3s}.modal-btn-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #c9a96e4d}.modal-btn-send:disabled{opacity:.7;cursor:wait}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:600px){.hero-headline{margin-bottom:2rem}.hero-btn{justify-content:center;width:100%;padding:1rem 1.5rem}.scroll-indicator{bottom:1.5rem}.footer-content{text-align:center;flex-direction:column;gap:1.5rem}.footer-content>div{align-items:center}}@media (min-width:601px){.social-proof-container{margin-bottom:2.5rem}.social-proof-pill{gap:1.25rem;max-width:none;padding:.85rem 1.75rem;font-size:.95rem}.social-time{display:inline}.pulse-dot{width:8px;height:8px}.bento-grid-personal,.bento-grid-commerce{grid-template-columns:repeat(2,1fr)}.steps-container{grid-template-columns:repeat(2,1fr);gap:2.5rem}.bento-grid-personal{grid-template-areas:"band band""band band""card dot"}.steps-container.steps-ar .step-1{order:3}.steps-container.steps-ar .step-2{order:2}.steps-container.steps-ar .step-3{order:1}}@media (min-width:960px){.section-padding{padding:8rem 2rem}.bento-grid-personal{grid-template-rows:repeat(2,350px);grid-template-columns:repeat(4,1fr);grid-template-areas:"band band card card""band band dot dot";gap:1.5rem}.bento-grid-commerce{grid-template-columns:repeat(2,1fr);grid-template-areas:"review menu";gap:1.5rem}.bento-grid-commerce .bento-card{aspect-ratio:1;height:auto}.bento-card{height:auto;padding:2.5rem}.card-area-card{grid-area:card}.card-area-dot{grid-area:dot}.card-area-band{grid-area:band}.card-area-review{grid-area:review}.card-area-menu{grid-area:menu}.steps-container{grid-template-columns:repeat(3,1fr);gap:4rem}}.reveal-on-scroll{opacity:0;filter:blur(15px);will-change:transform, opacity, filter;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-on-scroll.is-visible{opacity:1;filter:blur();transform:translateY(0)}@keyframes drawStroke{to{stroke-dashoffset:0}}@keyframes blurReveal{0%{opacity:0;filter:blur(20px);transform:scale(.96)translateY(15px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes breathe{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}@keyframes scrollLine{0%{transform-origin:top;opacity:0;transform:scaleY(0)}30%{transform-origin:top;opacity:1;transform:scaleY(1)}70%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #c9a96e99}70%{transform:scale(1);box-shadow:0 0 0 8px #c9a96e00}to{transform:scale(.95);box-shadow:0 0 #c9a96e00}}.no-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinners::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinners{appearance:textfield;text-align:center;padding:1rem 0}.custom-stepper{direction:ltr;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.custom-stepper:focus-within{background:#c9a96e08;border-color:#c9a96e80;box-shadow:0 0 0 4px #c9a96e0d,inset 0 0 20px #c9a96e05}.custom-stepper .sales-input{box-shadow:none;background:0 0;border:none;border-radius:0}.custom-stepper .sales-input:focus{box-shadow:none;background:0 0}.stepper-btn{color:#fff6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:100%;padding:0 1rem;transition:color .2s,background .2s;display:flex}.stepper-btn:hover{color:var(--gold);background:#c9a96e1a}.custom-select-display.active{background:#c9a96e08;border-color:#c9a96e80;box-shadow:0 0 0 4px #c9a96e0d,inset 0 0 20px #c9a96e05}.custom-select-menu{-webkit-backdrop-filter:blur(16px);z-index:100;background:#0a0a0af2;border:1px solid #c9a96e33;border-radius:12px;animation:.3s cubic-bezier(.16,1,.3,1) menuFadeIn;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden;box-shadow:0 15px 35px #000c,0 0 20px #c9a96e0d}.custom-select-option{color:#fffc;cursor:pointer;padding:.85rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:300;transition:all .2s}.custom-select-option:hover{color:var(--gold);background:#c9a96e1a}.custom-select-option.selected{color:var(--gold);background:#c9a96e0d;font-weight:500}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.98)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-container{padding:2.5rem}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-track{background:0 0;margin:1.5rem 0}.modal-container::-webkit-scrollbar-thumb{background:#c9a96e4d;border-radius:10px}.modal-container::-webkit-scrollbar-thumb:hover{background:#c9a96e80}@media (max-width:600px){.modal-container{padding:1.5rem}@media (hover:none){.product-bg{opacity:1!important}}}