/* Amy Design — neon refinement, appended after the existing styles. */
:root{--p:#ff57c4;--s:#ffc6e9;--m:#c7bed4;--l:#ff66c52b}
html{scroll-padding-top:105px}
body{isolation:isolate;background:#0b071b}
body:before{background:radial-gradient(ellipse at 84% 9%,#a4297023,transparent 37%),radial-gradient(ellipse at 9% 38%,#46257224,transparent 44%),#0b071b}
#dust{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.72}
.glow{position:fixed;inset:auto;left:50%;top:30%;z-index:0;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#ff48bd0b,transparent 68%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .6s}
main,footer{position:relative;z-index:1}
.top{padding-top:8px;background:linear-gradient(#0b071bf5,#0b071b00)}
.nav{min-height:70px;padding:10px 17px;border:1px solid #ff98d32a;border-radius:16px;background:#0e091deb;box-shadow:0 8px 35px #0002;backdrop-filter:blur(20px)}
.brand{display:flex;align-items:center;white-space:nowrap;letter-spacing:-.035em;gap:4px}
.brand .mark{margin-right:7px;box-shadow:0 0 18px #ff53be25;border-color:#ff81cf80}
.brand .accent{font-weight:500}
.links a{position:relative;color:#d3c8df;font-weight:600;transition:color .25s}
.links a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:#ff7dd2;transform:scaleX(0);transition:transform .25s}
.links a:hover:after,.links a.active:after{transform:scaleX(1)}
.btn{position:relative;overflow:hidden;border:1px solid #ff9bda;background:linear-gradient(110deg,#ff79cd,#ff4cba);color:#250a23;box-shadow:0 5px 28px #ff4cba1f;transition:transform .25s,box-shadow .25s,border-color .25s}
.btn:after{content:"";position:absolute;inset:-70% auto -70% -45%;width:23%;background:#fff5;transform:skewX(-25deg);transition:left .55s;pointer-events:none}
.btn:hover{box-shadow:0 7px 36px #ff4cba3b;transform:translateY(-3px)}
.btn:hover:after{left:130%}
.btn.ghost{color:#f8e7f5;background:#ffffff03;border-color:#e3b8d23b;box-shadow:none}
.btn.ghost:hover{border-color:#ff8ed2;background:#ff58c00a}
.hero{min-height:780px;padding-top:155px;padding-bottom:90px}
.hero-grid{gap:60px}
.hero h1{line-height:1.03;letter-spacing:-.065em}
.hero .gradient{background-image:linear-gradient(110deg,#ffd9ef 5%,#ff69c9 58%,#d38bff);text-shadow:0 0 55px #ff53be17}
.lead{color:#c8bdd6;line-height:1.85}
.note{color:#ac9ab9;line-height:1.9}
.eyebrow{color:#e9b9d6;font-weight:700;letter-spacing:.19em}
.visual{min-height:490px}
.orb{width:435px;height:435px;border-color:#ff72cb70;box-shadow:0 0 26px #ff53be2b,inset 0 0 28px #ff53be12;animation:neon-orbit-breathe 7s ease-in-out infinite}
.orb:before{inset:26px;border-color:#ff9ad238;animation-duration:32s}
.orb:after{inset:-20px;border-color:#ff7ed400 #ff7ed462 #ff7ed400 #ff7ed41a;animation-duration:24s}
.card{padding:29px;background:linear-gradient(145deg,#23112de8,#100b20f5);border:1px solid #ff90d34b;border-radius:18px;box-shadow:17px 20px 0 #ff53be06,0 20px 80px #0005,0 0 50px #ff53be0c;animation:neon-card-float 7s ease-in-out infinite;will-change:transform}
.card:hover{animation-play-state:paused;border-color:#ffa3df80}
.cardtop{color:#d69dbf;font-size:.65rem}
.monogram{margin:24px 0;border-radius:12px;border-color:#ff99d126;background:radial-gradient(ellipse at 50% 50%,#ff53be12,transparent 70%),#0e091f}
.monogram img{border:0;border-radius:0;box-shadow:none;filter:saturate(1.1) drop-shadow(0 0 15px #ff53be35);animation:none}
.card h3{color:#fce6f4;line-height:1.25}
.card p{margin-top:9px;font-size:.85rem;line-height:1.7}
.tag{padding:10px 15px;border-radius:8px;border-color:#ff96d43b;color:#f5cbe3;background:#150c25ed;box-shadow:0 7px 30px #0003;animation:neon-tag-float 6s ease-in-out infinite}
.tag.one{top:15%;right:-5px;--tag-rotation:7deg}
.tag.two{bottom:12%;left:0;--tag-rotation:-7deg;animation-delay:-2s}
.ribbon{background:linear-gradient(90deg,transparent,#ff53be07,transparent);border-color:#ff78cc32;color:#d2bace;gap:32px}
.ribbon span{animation:neon-twinkle 5s ease-in-out infinite}
.ribbon span:nth-child(4n){animation-delay:-2s}
.sticky h2,.section-head h2,.skills h2,.contactbox h2{line-height:1.05;letter-spacing:-.052em}
.quote{border-left-color:#ff70c9;color:#eea4ce;padding-left:18px}
.copy p{line-height:1.9}
.chip{background:#ff53be06;border-color:#ff90d226;color:#d6bfd7}
.showcase-feature,.showcase-card{border-radius:15px;border-color:#ff8bd32b;background:linear-gradient(135deg,#26112b9c,#100a20);box-shadow:0 16px 50px #0002}
.showcase-feature:after{animation:neon-twinkle 6s ease-in-out infinite;color:#ff91d1;text-shadow:0 0 30px #ff53be75}
.showcase-card:hover{transform:translateY(-5px);border-color:#ff99d566;box-shadow:0 20px 55px #0003,0 0 30px #ff53be10}
.showcase-card h3{letter-spacing:-.025em}
.showcase-card p{line-height:1.8}
.showcase-stamp{box-shadow:0 0 35px #ff53be18;border-color:#ff93d34d}
.skills{position:relative;background:radial-gradient(ellipse at 70% 45%,#5c0f7426,transparent 60%)}
.skillsgrid{gap:80px;align-items:center}
.skills .skill-list{padding:36px 40px 40px;border:1px solid #ff92d522;border-radius:18px;background:linear-gradient(145deg,#120921e8,#0d071de8);box-shadow:0 15px 55px #0002}
.skills-caption h3{margin:0 0 33px;color:#fff4fc;font-size:clamp(1.65rem,2.7vw,2.15rem);letter-spacing:-.035em;line-height:1.3;text-shadow:0 0 8px #fff7}
.neon-percent{display:inline-block;margin-left:7px;color:#ff81df;font-size:1.22em;font-weight:500;text-shadow:0 0 5px #ff65e2,0 0 18px #b33ae96e;transform:rotate(-8deg)}
.skill{margin:0 0 32px;padding:0;border:0}
.skill:last-child{margin-bottom:0}
.skillhead{justify-content:flex-start;gap:7px;margin:0 0 14px;color:#fdf4ff;font-weight:600;font-size:1.08rem;line-height:1.4;letter-spacing:-.02em;text-shadow:0 0 7px #fff5}
.skillhead span:last-child{color:#fff4fe}
.skill .track{display:block;height:11px;overflow:visible;border-radius:99px;background:#28203f;box-shadow:inset 0 1px 3px #0002}
.skill .fill{position:relative;display:block;width:var(--level);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff35b3,#a83cf0);box-shadow:0 0 10px #fc3dba72,0 0 25px #b02cea33;transform:scaleX(0);transform-origin:left;transition:transform 1.45s cubic-bezier(.2,.7,.2,1)}
.skills.show .fill{width:var(--level);transform:scaleX(1)}
.skill:nth-of-type(3) .fill{transition-delay:.15s}
.skill:nth-of-type(4) .fill{transition-delay:.3s}
.filters{gap:8px}
.filter{padding:10px 15px;background:#ffffff02;font-weight:600;transition:color .2s,background .2s,border-color .2s}
.filter.active{border-color:#ff89d0;color:#2a1022;background:#ff79cb;box-shadow:0 0 20px #ff53be19}
.prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}
.price{grid-template-columns:minmax(0,1fr) auto;gap:5px 20px;min-height:116px;padding:23px 12px 23px 0;transition:background .25s,border-color .25s}
.price:after{display:none}
.price:hover{background:linear-gradient(90deg,#ff53be00,#ff53be07);border-color:#ff85d36b}
.price .category{margin-bottom:0;color:#cc92b9;font-size:.6rem;letter-spacing:.12em}
.price h3{max-width:none;margin:0;color:#eee4f2;font-size:.95rem;line-height:1.6;font-weight:500}
.price .amount{max-width:170px;text-align:right;color:#ff8bd4;font-size:25px;font-weight:400;line-height:1.3;text-shadow:0 0 18px #ff53be21}
.price-note{margin-top:30px;padding:22px 25px;border-radius:10px;background:#ff53be06;border-color:#ff95d530;color:#ccbdd5;line-height:1.9}
.price-note b{color:#f3b6da}
.step{padding:27px 23px;border-color:#ff71c17a;border-radius:0 0 12px 12px;background:linear-gradient(#ff53be09,transparent);transition:background .3s,transform .3s}
.step:hover{transform:translateY(-5px);background:linear-gradient(#ff53be12,transparent)}
.step h3{letter-spacing:-.025em}
.step p{line-height:1.8}
.contactbox{padding:55px;border-color:#ff97d441;border-radius:20px;background:radial-gradient(ellipse at 90% 0%,#ff53be14,transparent 65%),#110a20;box-shadow:0 15px 65px #0003,0 0 55px #ff53be0c}
.contactbox h2{max-width:450px}
.contactbox p{line-height:1.85}
.contactitem{min-width:0;padding:17px;border-color:#ffb2dc22;border-radius:10px;background:#ffffff02;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:transform .25s,border-color .25s,background .25s}
.contactitem:hover{transform:translateX(4px);background:#ff53be06;border-color:#ff86d05c}
.contactitem .icon{flex-shrink:0;background:#ff53be0d;color:#f4add3;border-radius:10px}
.contactitem small{color:#b39ebd;letter-spacing:.12em}
.contactitem strong{display:block;font-weight:600;overflow-wrap:anywhere}
footer{border-color:#ff88cb24;padding:32px 0;color:#ad98b7}
.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
@keyframes neon-card-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-13px) rotate(-2deg)}}
@keyframes neon-tag-float{0%,100%{transform:translateY(0) rotate(var(--tag-rotation,0deg))}50%{transform:translateY(-8px) rotate(var(--tag-rotation,0deg))}}
@keyframes neon-orbit-breathe{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}
@keyframes neon-twinkle{0%,100%{opacity:.7}50%{opacity:1;text-shadow:0 0 18px #ff65c978}}
@media(max-width:1100px){.hero-grid{gap:30px}.orb{width:370px;height:370px}.skillsgrid{gap:40px}.skills .skill-list{padding:30px}.links a{padding-inline:9px}.nav>.btn{padding:11px 17px}.contactbox{gap:30px;padding:40px}}
@media(max-width:900px){.nav{padding:11px 15px}.links{top:86px;background:#10091df7;border-radius:14px;box-shadow:0 15px 35px #0004}.links a{padding:12px 18px}.hero{padding-top:135px;min-height:0}.hero-grid{gap:40px}.hero h1{max-width:650px}.visual{min-height:460px}.orb{width:420px;height:420px}.card{max-width:350px}.skillsgrid{grid-template-columns:1fr;gap:35px}.skills .skill-list{padding:35px;max-width:670px;width:100%}.prices{gap:0 28px}.price .amount{font-size:23px;max-width:145px}.contactbox{grid-template-columns:1fr;gap:30px}.contactlist{max-width:650px}.ribbon{justify-content:flex-start}}
@media(max-width:560px){html{scroll-padding-top:100px}.top{padding-top:6px}.nav{min-height:65px;padding:9px 12px}.brand{font-size:17px}.brand .mark{width:32px;height:32px}.hero{padding-top:125px;padding-bottom:60px}.hero h1{font-size:clamp(3.25rem,15vw,4.5rem);line-height:1.06}.lead{font-size:1rem}.visual{min-height:400px}.orb{width:min(310px,85vw);height:min(310px,85vw)}.card{padding:24px;max-width:285px}.monogram{height:185px;margin-block:20px}.card h3{font-size:24px}.tag.one{right:0;top:13%}.tag.two{bottom:8%}.tag{padding:8px 11px;font-size:10px}.ribbon{gap:22px;padding-block:20px}.sticky h2,.skills h2{font-size:clamp(2.5rem,10vw,3.5rem)}.section-head h2{font-size:2.4rem}.skills .skill-list{padding:27px 23px 31px;border-radius:14px}.skills-caption h3{font-size:1.6rem;margin-bottom:28px}.skillhead{font-size:1.02rem}.skill{margin-bottom:29px}.skill .track{height:10px}.prices{grid-template-columns:minmax(0,1fr)}.price{gap:5px 14px;min-height:105px;padding-right:0}.price h3{font-size:.9rem}.price .amount{font-size:23px;max-width:140px}.price-note{padding:19px;font-size:.82rem}.contactbox{padding:30px 22px;border-radius:15px}.contactbox h2{font-size:2.6rem}.contactitem{padding:14px;gap:12px}.contactitem strong{font-size:.8rem}.contactitem small{font-size:.59rem}.showcase-feature{padding:27px}.showcase-feature h3{font-size:2.6rem}.showcase-card{padding:25px}.steps{gap:22px}.step{padding:23px 20px}.glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.tag,.orb,.orb:before,.orb:after,.ribbon span,.showcase-feature:after{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.skill .fill,.skills.show .fill{width:var(--level);transform:scaleX(1);transition:none}.btn,.btn:after,.contactitem,.showcase-card,.step{transition:none}.card{transform:rotate(-3deg)}.tag{transform:rotate(var(--tag-rotation,0deg))}.glow{display:none}}

/* Decorative sparkle and interaction refinements. */
.copy-icon{margin-left:auto;color:#ff98d6;font-size:21px}.copy-status{position:fixed;left:50%;bottom:25px;z-index:50;transform:translate(-50%,15px);margin:0;padding:12px 20px;border:1px solid #ff89d05c;border-radius:12px;background:#21102ef5;color:#ffdcf2;font-size:14px;box-shadow:0 10px 40px #0005;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}.copy-status.visible{opacity:1;transform:translate(-50%,0)}
.hero-spark{position:absolute;color:#ffafe2;text-shadow:0 0 12px #ff53be,0 0 35px #ff53be66;pointer-events:none;animation:spark-shine 4s ease-in-out infinite;z-index:4;line-height:1}.spark-a{top:2%;left:20%;font-size:60px}.spark-b{right:2%;bottom:18%;font-size:27px;animation-delay:-1.5s}.spark-c{left:8%;bottom:18%;font-size:43px;animation-delay:-2.5s}
@keyframes spark-shine{0%,100%{opacity:.55;transform:scale(.9) rotate(-5deg)}50%{opacity:1;transform:scale(1.1) rotate(5deg)}}
.reveal{opacity:1;transform:none}html.motion-ready .reveal:not(.on){opacity:0;transform:translateY(24px)}.price[hidden]{display:none!important}.skill-list{scroll-margin-top:120px}.skills p{line-height:1.85}.skills .chips{margin-top:25px}.price .amount{font-variant-numeric:tabular-nums}.price .amount small{display:block;font:400 12px/1.6 system-ui;color:#c7a8c6}.toggle{cursor:pointer}.copy-status:empty{display:none}.brand{gap:5px}.foot{align-items:center;min-height:26px}
@media(max-width:560px){.spark-a{left:7%;font-size:44px}.spark-b{right:0;bottom:21%}.spark-c{left:0;bottom:22%;font-size:30px}.copy-status{bottom:15px;width:max-content;max-width:calc(100% - 30px);text-align:center}.contactitem small{letter-spacing:.04em}.price .amount{max-width:132px}}
@media(prefers-reduced-motion:reduce){.hero-spark{animation:none}html.motion-ready .reveal:not(.on){opacity:1;transform:none}.copy-status{transition:none}}
.hero{overflow:hidden;overflow:clip}

/* Static, accessible figures supplied by Amy Design. */
.achievement-strip{position:relative;padding:54px 0;border-bottom:1px solid #ff80ca24;background:radial-gradient(ellipse at 50% 0%,#ff53be09,transparent 75%)}
.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin-block:0;padding:0}
.achievement-item{display:flex;align-items:center;justify-content:center;gap:22px;padding:9px 25px;min-width:0}
.achievement-item+.achievement-item{border-left:1px solid #ff88ce24}
.achievement-icon{flex-shrink:0;display:grid;place-items:center;width:58px;height:64px;color:#ff7bcf;filter:drop-shadow(0 0 8px #ff4cb859)}
.achievement-icon svg{display:block;width:48px;height:48px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.achievement-copy{min-width:0}
.achievement-value{margin:0;color:#fff1fb;font-size:clamp(2.7rem,4.8vw,3.8rem);font-weight:800;line-height:1.06;letter-spacing:-.055em;text-shadow:0 0 22px #ff53be24}
.achievement-value span{color:#ff80ce;font-size:.73em;vertical-align:.08em;letter-spacing:-.035em}
.achievement-label{margin:8px 0 0;color:#c5b2d0;font-size:.84rem;line-height:1.6;letter-spacing:.015em}
@media(max-width:1050px){.achievement-item{gap:15px;padding-inline:18px}.achievement-icon{width:46px}.achievement-icon svg{width:42px;height:42px}.achievement-label{font-size:.77rem}}
@media(max-width:700px){.achievement-strip{padding:24px 0}.achievement-grid{grid-template-columns:1fr;max-width:420px}.achievement-item{justify-content:flex-start;gap:28px;padding:29px 24px}.achievement-item+.achievement-item{border-left:0;border-top:1px solid #ff88ce20}.achievement-icon{width:57px;height:65px}.achievement-icon svg{width:48px;height:48px}.achievement-value{font-size:3.3rem}.achievement-label{font-size:.86rem;margin-top:6px}}
@media(max-width:360px){.achievement-item{gap:20px;padding-inline:12px}.achievement-value{font-size:3rem}.achievement-label{font-size:.8rem}}

#about .copy p:first-child{font-size:1.08rem;line-height:1.9;color:#eee3f2}#about .copy p:last-of-type{color:#ebbeda}.hero h1{font-size:clamp(3.3rem,6.7vw,6.15rem)}@media(max-width:560px){.hero h1{font-size:clamp(2.8rem,13.4vw,3.5rem)}}

/* Keep decorative motion on compositor layers and stop it outside the viewport. */
.glow{left:0;top:0;will-change:transform;contain:strict}
.nav{backdrop-filter:blur(10px)}
.effects-paused,.effects-paused *,.effects-paused::before,.effects-paused::after,.effects-paused *::before,.effects-paused *::after,
html.page-hidden *,html.page-hidden *::before,html.page-hidden *::after{animation-play-state:paused!important}
.effects-paused .card,html.page-hidden .card{will-change:auto}
@keyframes neon-twinkle{0%,100%{opacity:.7}50%{opacity:1}}
@media(pointer:coarse){body::after{display:none}.nav,.tag{backdrop-filter:none}.monogram img{filter:none}}