#website-builder{position:relative;background-image:radial-gradient(circle,rgba(99,102,241,.08) 1px,transparent 1px);background-size:24px 24px}#website-builder:before{content:"";position:absolute;top:-120px;left:-80px;width:450px;height:450px;background:radial-gradient(circle,rgba(59,130,246,.18) 0%,rgba(99,102,241,.08) 40%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}#website-builder:after{content:"";position:absolute;bottom:-100px;right:-60px;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,rgba(139,92,246,.06) 40%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.builder-browser{background:#ffffffe0;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(99,102,241,.15);border-radius:16px;overflow:hidden;position:relative;box-shadow:0 4px 16px #6366f126,0 12px 40px #6366f114,0 0 0 1px #6366f10d;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.builder-browser:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6366f138,0 20px 60px #6366f11f,0 0 0 1px #6366f114}.builder-browser.floating{animation:gentle-float 3s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.builder-browser.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 30%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.15) 70%,transparent 100%);transform:translate(-100%);animation:builder-shimmer 1s ease forwards;z-index:10;pointer-events:none}@keyframes builder-shimmer{to{transform:translate(100%)}}.builder-chrome{background:linear-gradient(135deg,#f8fafc,#eef2ff,#f1f5f9);padding:12px 16px;border-bottom:1px solid rgba(99,102,241,.1);display:flex;align-items:center;gap:8px}.builder-dots{display:flex;gap:6px}.builder-dots span{width:10px;height:10px;border-radius:50%;display:block;transition:transform .2s ease,box-shadow .2s ease}.builder-dots span:hover{transform:scale(1.3);box-shadow:0 0 8px currentColor}.builder-url{background:#ffffffe6;border-radius:8px;padding:5px 14px;font-size:12px;color:#64748b;border:1px solid rgba(99,102,241,.1);flex:1;margin-left:8px;font-family:DM Sans,sans-serif;box-shadow:inset 0 1px 3px #6366f10a}.builder-content{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:280px}.builder-block{opacity:0;transform:translateY(-15px) scale(.97);transition:none}.builder-block--footer{transform:translateY(15px) scale(.97)}.builder-block.built{animation:block-spring .6s cubic-bezier(.34,1.56,.64,1) forwards}.builder-block--footer.built{animation:block-spring-up .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes block-spring{0%{opacity:0;transform:translateY(-15px) scale(.95)}50%{opacity:.8;transform:translateY(3px) scale(1.02)}75%{transform:translateY(-1px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes block-spring-up{0%{opacity:0;transform:translateY(15px) scale(.95)}50%{opacity:.8;transform:translateY(-3px) scale(1.02)}75%{transform:translateY(1px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.builder-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.builder-card{background:#fffffff2;border:1px solid rgba(99,102,241,.1);border-radius:10px;padding:12px;text-align:center;font-size:13px;font-weight:600;color:#334155;box-shadow:0 2px 8px #6366f10f;transition:transform .3s ease,box-shadow .3s ease}.builder-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f124,0 0 0 1px #6366f10f}.builder-card.built{animation:card-pop .7s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes card-pop{0%{transform:scale(.6);opacity:0;filter:blur(4px)}35%{transform:scale(1.12);opacity:.9;filter:blur(0)}55%{transform:scale(.95)}75%{transform:scale(1.04)}to{transform:scale(1);opacity:1;filter:blur(0)}}.builder-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;opacity:0;transition:opacity .5s cubic-bezier(.34,1.56,.64,1);z-index:5;filter:drop-shadow(0 0 12px rgba(34,197,94,.4))}.builder-check.drawn{opacity:1;filter:drop-shadow(0 0 16px rgba(34,197,94,.5)) drop-shadow(0 0 32px rgba(34,197,94,.3));animation:check-glow-pulse 2s ease-in-out infinite}.builder-check path{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}@keyframes check-glow-pulse{0%,to{filter:drop-shadow(0 0 16px rgba(34,197,94,.5)) drop-shadow(0 0 32px rgba(34,197,94,.25))}50%{filter:drop-shadow(0 0 24px rgba(34,197,94,.7)) drop-shadow(0 0 48px rgba(34,197,94,.4))}}.builder-tagline{transition:opacity .8s ease,transform .8s cubic-bezier(.34,1.56,.64,1);transform:translateY(20px)}.builder-tagline.visible{opacity:1!important;transform:translateY(0)}@media(max-width:768px){.builder-cards{grid-template-columns:1fr}.builder-content{padding:12px;min-height:240px}#website-builder:before,#website-builder:after{width:250px;height:250px}}@media(max-width:480px){.builder-chrome{padding:8px 12px}.builder-url{font-size:10px}.builder-check{width:60px;height:60px}#website-builder:before,#website-builder:after{display:none}}@media(prefers-reduced-motion:reduce){.builder-block,.builder-card,.builder-check,.builder-check path,.builder-tagline,.builder-browser,.builder-browser.shimmer:after,.builder-browser.floating{transition:none!important;animation:none!important}.builder-block{opacity:1;transform:none}.builder-check{opacity:1;filter:none}.builder-check path{stroke-dashoffset:0!important}.builder-tagline{opacity:1!important;transform:none!important}.builder-browser.shimmer:after{display:none}}.website-bento .glass-card{transition:transform .4s cubic-bezier(.25,.8,.25,1),border-color .4s ease,box-shadow .4s ease;will-change:transform,box-shadow;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.website-bento .glass-card:hover{border-color:#3b82f64d!important;box-shadow:0 10px 30px #3b82f614!important}@keyframes ekg-draw{to{stroke-dashoffset:0}}.ekg-line{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 2s ease-in-out}.group:hover .ekg-line{animation:ekg-draw 2.5s ease-in-out infinite alternate}@keyframes lock-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(34,197,94,.2))}50%{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(34,197,94,.5))}}.group:hover .ssl-lock-icon{animation:lock-pulse 2s ease-in-out infinite}.serp-link{color:#1a0dab;text-decoration:none}.serp-link:hover{text-decoration:underline}.cwv-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.cwv-fill{height:100%;background:#22c55e;width:0;transition:width 1.5s ease-out}.group:hover .cwv-fill-perf{width:100%}.group:hover .cwv-fill-fid{width:98%}.group:hover .cwv-fill-cls{width:99%}