#websites{position:relative;isolation:isolate;overflow:hidden;background:#10101b;padding-top:32px}#websites .new-inner{position:relative;z-index:1}#websites .new-masthead{border-color:#ffffff20;color:#afaabb;font-size:11px;letter-spacing:2px;align-items:center;margin-bottom:38px;padding-bottom:20px}.motion-toggle{background:transparent;border:1px solid #ffffff28;border-radius:30px;color:#cdc5e5;padding:9px 14px;font-size:11px;letter-spacing:0;cursor:pointer}.web-aurora{position:absolute;z-index:0;pointer-events:none;width:900px;height:900px;top:-200px;right:-300px;background:radial-gradient(ellipse,#8257d64a,transparent 65%);animation:web-glow 9s ease-in-out infinite alternate}.web-intro{grid-template-columns:1fr 1fr;gap:34px;min-height:610px}.web-copy{padding-bottom:22px}#websites .eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#bb9fee}.web-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c1ffad;margin-right:8px;box-shadow:0 0 15px #c1ffad66}#websites h2{font-size:clamp(42px,4.6vw,68px);line-height:1.04;letter-spacing:-3px;font-weight:600;margin:25px 0}#websites h2 em{display:block;color:#c3a1ff;font-size:.93em;background:linear-gradient(110deg,#d6c1ff,#a48dff,#dcbcf8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#websites .new-lead{font-size:16px;line-height:1.85;max-width:440px;color:#aaa7ba;margin:25px 0 28px}#websites .web-cta{border-radius:50px;background:#c7afff;color:#191025;padding:17px 23px;gap:35px;font-size:14px;transition:transform .25s,box-shadow .25s,background .25s}#websites .web-cta span{font-size:21px}#websites .web-cta:hover{transform:translateY(-4px);background:#dac8ff;box-shadow:0 10px 35px #b184ff36}.web-caption{font-size:11px;color:#8f899d;margin-top:20px}.web-showcase{position:relative;min-width:0;padding:36px 18px 64px 0;perspective:1200px}.web-orbit{position:absolute;width:440px;height:440px;border:1px solid #cbb2ff14;border-radius:50%;left:10%;top:10%;box-shadow:0 0 0 50px #cbb2ff06,0 0 0 100px #cbb2ff03;pointer-events:none}.web-floating-label{position:absolute;top:0;right:40px;border:1px solid #c6adff30;padding:12px 17px;background:#252034;border-radius:8px;font-size:9px;letter-spacing:1.2px;z-index:3;animation:web-float 6s ease-in-out infinite}#websites .web-demo{border-radius:12px;background:#ede9e1;border-color:#ffffff45;color:#202123;transform:rotateY(-7deg) rotateX(3deg) rotateZ(-2deg);box-shadow:0 40px 90px #0007;transition:transform .7s}#websites .web-showcase:hover .web-demo{transform:rotateY(0) rotateX(0) rotateZ(0)}#websites .demo-toolbar{background:#23212b;color:#b0a8bc;justify-content:space-between;font-size:10px;padding:12px 15px}#websites .demo-toolbar>span:first-child{font-size:8px;letter-spacing:3px;color:#8f819f}#websites .demo-content{padding:22px}#websites .demo-brand{font-size:12px;letter-spacing:-.5px}#websites .demo-brand span{color:#64615e;font-size:9px}#websites .demo-hero{position:relative;min-height:265px;padding:35px 0 25px;overflow:hidden}#websites .demo-hero small{font-size:8px;color:#6c655b;letter-spacing:1.5px}#websites .demo-hero h3{position:relative;z-index:2;font-size:clamp(34px,3.4vw,49px);line-height:1.02;font-weight:600;letter-spacing:-2px;margin:19px 0}#websites .demo-hero h3 em{font-family:Georgia,serif;font-weight:400}#websites .demo-pill{position:relative;z-index:2;background:#222;color:#faf7f0;font-size:9px;border-radius:30px;padding:10px 14px}#websites .demo-tiles{grid-template-columns:1fr 1fr;gap:12px}#websites .demo-tiles>div{background:transparent;border:0;border-top:1px solid #20212330;border-radius:0;padding:14px 0;line-height:1.5}#websites .demo-tiles span{display:block;font-size:8px;color:#7f776d;letter-spacing:1px}#websites .demo-tiles strong{font-size:13px;display:block;margin-top:5px}#websites .web-replay{background:#ded9d1;color:#56514d;font-size:10px;padding:10px;border-color:#20212312;cursor:pointer}.demo-sculpture{position:absolute;right:-14px;top:30px;width:190px;height:190px;transform:rotate(-25deg);animation:web-sculpt 10s ease-in-out infinite alternate}.demo-sculpture i{position:absolute;inset:0;border-radius:50%;border:26px solid #a090c8;box-shadow:inset 5px 5px 15px #4c35676b,8px 12px 12px #48365722;background:transparent}.demo-sculpture i:nth-child(2){transform:rotateY(60deg);border-color:#b4a4d6}.demo-sculpture i:nth-child(3){transform:rotateX(60deg);border-color:#cfbce7}.web-phone{position:absolute;right:-2px;bottom:25px;z-index:3;width:137px;height:262px;border:5px solid #3f394c;outline:1px solid #8e7ba360;border-radius:26px;background:#d0bcf0;color:#292334;padding:25px 12px 12px;box-shadow:0 20px 40px #0006;transform:rotate(8deg);animation:web-phone-float 7s ease-in-out infinite}.phone-camera{position:absolute;top:7px;width:38px;height:8px;border-radius:10px;background:#29242f;left:calc(50% - 19px)}.web-phone>span{font-size:8px;display:block}.web-phone>strong{display:block;line-height:1.03;letter-spacing:-1px;font-size:25px;margin-top:21px}.phone-art{font-size:78px;line-height:1.1;text-align:center;color:#635080}.web-phone .phone-button{background:#292334;color:#eee4ff;padding:8px;border-radius:15px;font-size:7px;text-align:center}.phone-lines{height:3px;width:36px;background:#292334;border-radius:4px;position:absolute;bottom:7px;left:calc(50% - 18px)}.web-design-note{display:flex;align-items:center;gap:12px;margin-top:25px;color:#d3cadf;font-size:11px}.web-design-note>span{width:32px;height:32px;border:1px solid #ffffff25;border-radius:50%;display:grid;place-items:center;font-size:18px}.web-design-note small{display:block;margin-top:5px;font-size:10px;color:#8d859f}.web-services-line{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid #ffffff18;padding:25px 0;margin:12px 0 75px;color:#b9b0c9;font-size:10px;letter-spacing:1.8px}.web-services-line i{font-style:normal;font-size:22px;color:#ae8ce7}.web-section-heading h3{font-size:clamp(26px,3vw,40px)!important;line-height:1.2;font-weight:500;letter-spacing:-1px}.web-section-heading em{color:#91859f;font-style:normal}#websites .web-features{margin-top:32px;gap:18px}#websites .web-features article{padding:27px;background:linear-gradient(140deg,#27213377,#17141e44);border:1px solid #ffffff14;border-radius:16px;transition:transform .3s,border-color .3s,background .3s}#websites .web-features article:hover{transform:translateY(-7px);border-color:#ae8ce780;background:#2d233c88}.web-feature-top{display:flex;align-items:center;justify-content:space-between;color:#756780;font-size:11px;margin-bottom:35px}.web-feature-icon{font-size:30px;color:#c7aaf4;line-height:1}#websites .web-features h3{font-size:18px;letter-spacing:-.3px}#websites .web-features p{font-size:14px;line-height:1.8;color:#a69bb6}#websites .web-process{max-width:none;margin-top:70px;padding-top:40px;display:grid;grid-template-columns:1fr 1.2fr;gap:25px 70px;border-color:#ffffff18}#websites .web-process h3{font-size:32px;font-weight:500;letter-spacing:-1px}.web-process-steps{list-style:none;padding:0;margin:0}.web-process-steps li{display:flex;gap:24px;padding:0 0 25px}.web-process-steps li>span{color:#bd99f0;font-size:11px;padding-top:5px}.web-process-steps strong{font-size:17px;font-weight:500}#websites .web-process-steps p{font-size:13px;color:#a69bb6;margin:8px 0;line-height:1.7}#websites .web-process>span{grid-column:1/-1;font-size:11px;color:#857991}.web-closing{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(110deg,#342244,#211b30);border:1px solid #9b78bc30;padding:35px;border-radius:18px;margin-top:60px}.web-closing h3{font-size:clamp(24px,3vw,35px)!important;font-weight:500;letter-spacing:-1px;margin-bottom:0!important}#websites .category-return{color:#9c8dae;font-size:12px;margin-top:40px}.web-reveal.is-visible{animation:web-assemble .8s ease both}.web-features .web-reveal:nth-child(2){animation-delay:.1s}.web-features .web-reveal:nth-child(3){animation-delay:.2s}#websites :focus-visible{outline:2px solid #d1b9ff;outline-offset:5px}#websites.motion-paused *,#websites.motion-paused .web-aurora{animation-play-state:paused!important}.web-entering .web-copy{animation:web-assemble .8s ease both}
@keyframes web-glow{to{transform:translate(-120px,130px) scale(1.2)}}@keyframes web-float{50%{transform:translateY(-8px)}}@keyframes web-phone-float{50%{transform:rotate(5deg) translateY(-9px)}}@keyframes web-sculpt{to{transform:rotate(25deg) rotateY(30deg)}}
@media(max-width:1000px){#websites h2{font-size:49px}.web-showcase{padding-right:15px}.demo-sculpture{width:150px;height:150px;right:-30px;top:55px}.web-phone{width:117px;height:240px;right:-3px}.web-phone>strong{font-size:22px}.phone-art{font-size:65px}.web-services-line{letter-spacing:1px;font-size:9px}.web-orbit{width:300px;height:300px}}
@media(max-width:760px){#websites{padding:26px 22px}.web-intro{grid-template-columns:1fr;gap:12px;min-height:0}#websites h2{font-size:clamp(42px,8vw,60px);letter-spacing:-2px}.web-copy{padding-bottom:10px}#websites .new-masthead{letter-spacing:1px;margin-bottom:20px}.motion-toggle{font-size:10px;padding:8px 10px}#websites .new-lead{font-size:15px;max-width:480px}#websites .web-cta{width:auto}.web-showcase{width:100%;max-width:520px;justify-self:center;padding:40px 25px 65px 0;margin-top:10px}#websites .demo-hero h3{font-size:43px}.demo-sculpture{width:160px;height:160px;right:0;top:38px}.web-phone{right:0;bottom:25px}.web-services-line{margin:10px 0 45px;flex-wrap:wrap;justify-content:center;gap:12px;font-size:8px;letter-spacing:.6px}.web-services-line i{font-size:14px}#websites .web-features{grid-template-columns:1fr}.web-feature-top{margin-bottom:22px}#websites .web-process{grid-template-columns:1fr;gap:24px;margin-top:42px}.web-closing{align-items:flex-start;flex-direction:column;padding:25px;margin-top:35px}.web-caption{font-size:10px}.web-design-note{font-size:10px}.web-design-note small{font-size:9px}.web-floating-label{right:35px}}
@media(prefers-reduced-motion:reduce){#websites:not(.motion-enabled) *,#websites:not(.motion-enabled) *::before,#websites:not(.motion-enabled) *::after{animation:none!important;transition:none!important}}
@media(max-width:440px){.demo-sculpture{width:110px;height:110px;right:-28px;top:95px;opacity:.65}.demo-sculpture i{border-width:17px}#websites .demo-hero h3{font-size:36px}.web-phone{right:12px;width:110px;height:232px}.web-design-note small{max-width:175px}}