/* An original, animated website redesign concept; every claim remains illustrative. */
.comparison-stage{height:445px;background:#0a1822}
.comparison-before{z-index:0;isolation:isolate}
.comparison-after{z-index:1;padding:0;background:#0a1822;isolation:isolate}
.comparison-after>.comparison-label{background:#173846e8;color:#d3f1ed;border:1px solid #91cabd55;bottom:12px;left:20px;font-size:8px}
.comparison-stage[data-reveal="100"] .label-original{visibility:hidden}
.redesign-concept{container-type:inline-size;container-name:sample-site;position:relative;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;padding:23px 25px 43px;min-width:0;height:100%;background:radial-gradient(ellipse at 100% 25%,#20577a55,transparent 60%),radial-gradient(ellipse at 25% 105%,#25676120,transparent 65%),#091c27;color:#eff9f7}
.concept-grain{position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#a0d6e81a .65px,transparent .65px);background-size:19px 19px;mask-image:linear-gradient(120deg,transparent,#000);opacity:.65}
.concept-glow{position:absolute;right:-15%;top:-30%;width:90%;height:100%;border-radius:50%;background:radial-gradient(ellipse,#499fcb15,transparent 65%);filter:blur(10px);pointer-events:none;z-index:-1;animation:concept-glow-breathe 12s ease-in-out infinite alternate}
.redesign-brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #9dcee123;flex:none}
.redesign-wordmark{display:flex;align-items:center;gap:10px;min-width:0}.redesign-wordmark>strong{font-size:10px;letter-spacing:.095em;font-weight:600;white-space:nowrap;color:#dcefed}
.redesign-brand-icon{display:flex;gap:3px;align-items:center;height:18px;transform:skewY(-25deg)}.redesign-brand-icon>i{display:block;width:4px;height:12px;border:1px solid #a2d3d3;background:#d8f9ef11}.redesign-brand-icon>i:nth-child(2){height:17px;background:#d8f9ef66}.redesign-brand-icon>i:last-child{height:14px}
.redesign-nav-note{font-size:7px;color:#a9c6cf;letter-spacing:.1em;white-space:nowrap}
.redesign-main{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:9px;align-items:center;flex:1;min-height:0;padding-top:24px;padding-bottom:23px}
.redesign-copy{position:relative;z-index:2;min-width:0}.redesign-kicker{display:flex;align-items:center;gap:7px;color:#a6c9c7;font-size:7px;letter-spacing:.1em;line-height:1.6;white-space:nowrap}.redesign-kicker>i{width:4px;height:4px;background:#bfedda;box-shadow:0 0 12px #b5e3d94d;border-radius:50%;flex:none}
.redesign-copy h4{font-size:41px;line-height:1.06;letter-spacing:-.065em;font-weight:500;margin:17px 0 16px;color:#f2fbf6;position:relative;white-space:nowrap}.redesign-copy h4>em{font-style:normal;color:#afdfd2;background:linear-gradient(110deg,#c2eee0,#a3d7df);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.redesign-copy>p{font-size:11px;line-height:1.85;color:#acc5cd;max-width:220px;margin:0}
.redesign-action{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px;padding:11px 14px;border:1px solid #c1e9df66;border-radius:5px;background:linear-gradient(120deg,#d7f3e7,#b4dfe0);color:#17353d;font-size:10px;line-height:1.5;font-weight:600;min-height:37px;box-shadow:0 8px 24px #0002;white-space:nowrap}.redesign-action>svg{width:13px;height:13px}
button.redesign-action{transition:transform .2s,box-shadow .2s,background .2s}button.redesign-action:hover{transform:translateY(-2px);box-shadow:0 10px 30px #a3e3d127;background:#e0fff2}button.redesign-action:focus-visible{outline-color:#b6efdb;outline-offset:5px}
.redesign-artwork{position:relative;height:273px;min-width:0;isolation:isolate;z-index:1;pointer-events:none}
.sculpture-aura{position:absolute;inset:8% -22% -6%;border-radius:50%;background:radial-gradient(ellipse,#64b9d51a,transparent 67%);filter:blur(12px)}
.concept-sculpture{position:absolute;left:50%;top:49%;width:255px;max-width:none;height:286px;transform:translate(-50%,-50%);overflow:visible;filter:drop-shadow(0 15px 16px #0005)}
.concept-form-back{transform-origin:50% 65%;animation:concept-back-float 12s ease-in-out infinite alternate}.concept-form-front{transform-origin:50% 65%;animation:concept-front-float 10s ease-in-out infinite alternate}
@keyframes concept-back-float{from{transform:translate(0,-4px)}to{transform:translate(0,4px)}}@keyframes concept-front-float{from{transform:translate(0,3px)}to{transform:translate(0,-4px)}}@keyframes concept-glow-breathe{to{opacity:.45;transform:translate3d(-15px,12px,0)}}
.redesign-art-note{position:absolute;bottom:20px;right:-3px;display:flex;align-items:center;gap:8px;min-width:158px;padding:11px 13px;border:1px solid #9fd2d37d;border-radius:6px;background:linear-gradient(130deg,#234d5cdd,#163545ed);box-shadow:0 9px 30px #0003;backdrop-filter:blur(15px);transform:rotate(-3deg)}
.redesign-note-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #9bcfc480;border-radius:50%;color:#c8f0df;background:#d8fff006}.redesign-note-icon>svg{width:12px;height:12px}.redesign-art-note>div>span{display:block;font-size:6px;line-height:1.6;letter-spacing:.08em;color:#a9c9cf}.redesign-art-note strong{display:block;font-size:9px;font-weight:500;color:#e5f5ef;line-height:1.5;margin-top:4px}.redesign-art-caption{position:absolute;bottom:-4px;left:0;right:0;text-align:center;font-size:6px;line-height:1.5;letter-spacing:.1em;color:#7caaBA}
.redesign-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;border-top:1px solid #93bbc632;padding-top:14px;flex:none}.redesign-capabilities>div{display:flex;align-items:center;gap:7px;min-width:0}.redesign-capabilities span{font-size:7px;color:#719cae}.redesign-capabilities strong{font-size:9px;line-height:1.5;color:#bfd5d7;font-weight:500;white-space:nowrap}
.sample-website.redesigned-website{padding:0;background:#0a1d28;color:#e3f1ef}
.redesigned-website .concept-demo{height:450px;padding-bottom:25px;border-bottom:1px solid #709dab4d}.concept-demo .redesign-copy h4{font-size:45px}.concept-demo .redesign-copy>p{font-size:12px;max-width:250px}.concept-demo .redesign-action{font-size:11px;min-height:43px}.concept-demo .redesign-artwork{height:285px}
.redesigned-website>.local-note{padding:16px 25px;margin:0;background:#102b38;color:#a8c7cf;font-size:10px}
.sample-website.premium-journey{background:radial-gradient(ellipse at 100% 0,#1d506345,transparent 70%),#0b222e;color:#d6eeeb}.premium-journey .sample-site-nav{color:#e0f1eb;border-color:#729ba54d}.premium-journey .sample-site-nav>span{color:#9dc2ca}.premium-journey .scene-title{color:#edf8f1}.premium-journey .scene-intro,.premium-journey .local-note{color:#acc6cb}.premium-journey .service-option{background:#173e4b;border-color:#6eaaa982;color:#ddf5eb}.premium-journey .service-option[aria-pressed=true]{background:#22565e;border-color:#b9e8d7;box-shadow:inset 0 0 0 1px #b9e8d72b}.premium-journey .service-option strong{color:#ddf6ec}.premium-journey .service-option span{color:#b0cdd1}.premium-journey .sample-action{background:#c7e9de;color:#163c42;border:1px solid #dbf7e9;padding:11px 15px;border-radius:5px}.premium-journey .scene-footer .scene-back{color:#bddcd5}.premium-journey .field input,.premium-journey .field textarea{background:#153644;color:#e8f5ef;border-color:#6d9ea5}.premium-journey .field>label{color:#bfddd9}
.ambient-paused .concept-glow,.ambient-paused .concept-form-back,.ambient-paused .concept-form-front,.page-hidden .concept-glow,.page-hidden .concept-form-back,.page-hidden .concept-form-front{animation-play-state:paused}
@container sample-site (max-width:480px){.redesign-wordmark>strong{font-size:9px}.redesign-nav-note{font-size:6px;letter-spacing:.06em}.redesign-copy h4,.concept-demo .redesign-copy h4{font-size:35px}.redesign-copy>p,.concept-demo .redesign-copy>p{font-size:11px;max-width:195px}.redesign-main{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding-top:24px}.redesign-artwork{height:255px}.concept-sculpture{width:218px;height:247px;left:55%}.redesign-art-note{min-width:139px;padding:9px;bottom:20px;right:-8px}.redesign-art-note strong{font-size:8px}.redesign-note-icon{width:21px;height:21px}.redesign-capabilities strong{font-size:8px}.redesign-capabilities{gap:9px}.redesign-kicker{font-size:6px;letter-spacing:.07em}}
@container sample-site (max-width:365px){.redesign-brand-row{gap:12px}.redesign-brand-icon{gap:2px}.redesign-wordmark{gap:7px}.redesign-wordmark>strong{font-size:8px;letter-spacing:.06em}.redesign-nav-note{font-size:5px}.redesign-copy h4,.concept-demo .redesign-copy h4{font-size:28px;letter-spacing:-.065em;margin-block:15px}.redesign-copy>p,.concept-demo .redesign-copy>p{font-size:10px;max-width:162px}.redesign-main{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:0;padding-block:24px}.redesign-kicker{font-size:5.5px;letter-spacing:.05em;gap:5px}.redesign-action,.concept-demo .redesign-action{font-size:9px;min-height:37px;padding:10px 11px;gap:9px;margin-top:20px}.redesign-artwork,.concept-demo .redesign-artwork{height:245px}.concept-sculpture{width:173px;height:220px;left:52%;top:44%;opacity:.9}.redesign-art-note{min-width:118px;right:-6px;bottom:24px;padding:8px;gap:6px}.redesign-art-note>div>span{font-size:5px}.redesign-art-note strong{font-size:7px}.redesign-note-icon{width:17px;height:17px}.redesign-note-icon>svg{width:10px;height:10px}.redesign-art-caption{font-size:4.5px;bottom:4px;white-space:nowrap}.redesign-capabilities{gap:7px;padding-top:14px}.redesign-capabilities>div{display:block}.redesign-capabilities strong{font-size:7px;display:block;margin-top:4px}.redesign-capabilities span{font-size:6px}}
@container sample-site (max-width:285px){.redesign-copy h4,.concept-demo .redesign-copy h4{font-size:25px}.redesign-nav-note{display:none}.redesign-art-note{right:-9px;min-width:104px}.redesign-art-note strong{font-size:6px}.redesign-action,.concept-demo .redesign-action{font-size:8px;padding-inline:9px}.redesign-artwork,.concept-demo .redesign-artwork{height:250px}.redesign-copy>p,.concept-demo .redesign-copy>p{font-size:10px;max-width:148px}}
@media(max-width:950px){.comparison-stage{height:460px}}
@media(max-width:700px){.comparison-stage{height:452px}.redesign-concept{padding:21px 20px 42px}.comparison-after>.comparison-label{left:16px;bottom:11px;font-size:7px}.redesigned-website .concept-demo{height:455px;padding:20px 19px 25px}.redesigned-website>.local-note{font-size:10px;padding:15px 19px}.sample-website.premium-journey{padding:24px 20px}}
@media(max-width:375px){.comparison-stage{height:455px}.redesign-concept{padding-inline:18px}.redesigned-website .concept-demo{padding-inline:17px}}
.device-mobile .redesign-concept{padding:20px 18px 25px}.device-mobile .redesigned-website{padding:0}.device-mobile .sample-website.premium-journey{padding:24px 18px}
@media(prefers-reduced-motion:reduce){.concept-glow,.concept-form-back,.concept-form-front{animation:none!important}button.redesign-action:hover{transform:none}}