.web-design-page{min-height:100vh;background:var(--color-bg);position:relative}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;opacity:0;will-change:transform,opacity}.confetti.circle,.confetti.square{background:var(--confetti-color)}.confetti.circle{border-radius:50%}.confetti.rectangle{width:8px;height:14px;background:var(--confetti-color)}.confetti.triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid var(--confetti-color);background:transparent}.web-design-header{padding:12rem 2rem 5rem;max-width:900px;margin:0 auto}.services-label{font-size:.8rem;font-weight:700;letter-spacing:.15em;color:var(--color-text-tertiary);margin-bottom:1.5rem}.layered-title,.services-label{font-family:var(--font-display);text-transform:uppercase}.layered-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.05;margin-bottom:2rem}.services-description{max-width:600px;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7;color:var(--color-text-secondary)}.web-design-live{padding:2rem 2rem 6rem}.web-design-live-content{max-width:1400px;margin:0 auto}.live-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2.5rem;gap:2.5rem}.live-preview-frame{display:block;text-decoration:none;color:inherit;overflow:hidden;border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.02);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.live-preview-frame:hover{border-color:var(--color-text)}.live-preview-chrome{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1c1c1c;border-bottom:1px solid hsla(0,0%,100%,.08)}.live-preview-dots{display:flex;gap:6px;flex-shrink:0}.live-preview-dots span{width:9px;height:9px;border-radius:50%;background:hsla(0,0%,100%,.2)}.live-preview-dots span:first-child{background:#ff5f57}.live-preview-dots span:nth-child(2){background:#febc2e}.live-preview-dots span:nth-child(3){background:#28c840}.live-preview-url{flex:1 1;background:hsla(0,0%,100%,.05);padding:.35rem .75rem;font-size:.75rem;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-preview-body{position:relative;width:100%;aspect-ratio:1440/900;overflow:hidden;background:#fff}.live-preview-body iframe{position:absolute;top:0;left:0;border:none;transform-origin:top left;pointer-events:none}.live-preview-caption{padding:1.25rem 1.5rem}.live-preview-caption h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.live-preview-caption span{display:block;font-size:.8rem;color:var(--color-text-tertiary)}.live-preview-visit{margin-top:.5rem;color:var(--color-text)!important;font-weight:600;text-decoration:underline}.case-study-card{display:block;text-decoration:none;color:inherit;overflow:hidden;border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.02);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.case-study-card:hover{border-color:var(--color-text)}.case-study-card-image{position:relative;width:100%;aspect-ratio:1440/900;background:#0f0f0f;display:flex;align-items:center;justify-content:center;padding:3rem}.case-study-card-image img{width:100%;height:100%;object-fit:contain}.case-study-card-caption{padding:1.25rem 1.5rem}.case-study-card-caption h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.case-study-card-caption span{font-size:.8rem;color:var(--color-text-tertiary)}@media (max-width:900px){.live-grid{grid-template-columns:1fr}}.web-design-cta{padding:8rem 2rem;text-align:center;position:relative}.web-design-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(99,102,241,.08) 0,transparent 70%);z-index:0}.web-design-cta-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.web-design-cta-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:1.5rem;text-transform:uppercase}.web-design-cta-text{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary);margin-bottom:3rem;line-height:1.6}.cta-button{display:inline-flex;align-items:center;gap:1rem;padding:1.25rem 3rem;background:transparent;border:1px solid var(--color-text);color:var(--color-text);text-decoration:none;font-weight:600;font-size:1rem;letter-spacing:.05em;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cta-button:hover{background:var(--color-text);color:var(--color-bg)}.cta-button svg{transition:transform .4s ease}.cta-button:hover svg{transform:translateX(5px)}@media (max-width:768px){.web-design-header{padding:8rem 1.5rem 3rem}.web-design-live{padding:1rem 1.5rem 4rem}.web-design-cta{padding:5rem 1.5rem}}