@font-face{font-family:Lufga;src:url('assets/lufga.ttf') format('truetype');font-display:swap}
    :root{color-scheme:dark;--pink:#ff1650;--text:#f8f7f8;--muted:#aaa8b1}
    *{box-sizing:border-box}html{min-height:100%;background:#09090c}body{margin:0;min-height:100vh;font-family:Lufga,Arial,sans-serif;color:var(--text);background:radial-gradient(ellipse 65% 28% at 50% -8%,#ff165037,transparent 75%),radial-gradient(ellipse 75% 25% at 50% 110%,#ff16501c,transparent 80%),#09090c}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(#000,transparent 70%)}
    main{position:relative;width:min(100% - 36px,460px);margin:auto;padding:54px 0 36px;text-align:center}.eyebrow{display:inline-flex;align-items:center;border:1px solid #ffffff24;border-radius:30px;padding:8px 13px;color:#d6d3d8;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
    .logo{display:block;width:min(78%,320px);height:auto;margin:36px auto 29px}.headline{font-size:clamp(32px,8vw,42px);line-height:1.13;letter-spacing:-.045em;margin:0;font-weight:600}.headline em{font-style:normal;color:var(--pink)}.intro{color:#bab8c0;font-size:14px;line-height:1.6;max-width:350px;margin:17px auto 34px}
    .links{display:grid;gap:12px}.link{position:relative;display:flex;min-height:76px;align-items:center;text-align:left;text-decoration:none;color:#fff;border:1px solid #ffffff26;border-radius:19px;padding:16px 18px;background:linear-gradient(110deg,#222127e8,#151519e8);box-shadow:0 12px 30px #0004;transition:transform .2s,border-color .2s,box-shadow .2s}.link:hover,.link:focus-visible{transform:translateY(-3px);border-color:#ff165088;box-shadow:0 18px 38px #0007}.link:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.link.primary{background:linear-gradient(115deg,#ff275b,#e90a44);border-color:#ff5980;box-shadow:0 13px 32px #f600473c}.icon{width:40px;height:40px;border:1px solid #ffffff50;border-radius:12px;display:grid;place-items:center;flex:none;margin-right:15px}.icon img{display:block;width:22px;height:22px;object-fit:contain}.link strong{display:block;font-size:15px;font-weight:600}.link small{display:block;color:#c6c2ca;font-size:11px;margin-top:4px}.link.primary small{color:#ffe5ed}.arrow{font-size:20px;margin-left:auto;padding-left:10px}
    .divider{display:flex;align-items:center;gap:14px;margin:29px 0 17px;color:#a6a3aa;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.divider:before,.divider:after{content:"";height:1px;background:#ffffff30;flex:1}
    .feature{overflow:hidden;display:block;text-align:left;color:#fff;text-decoration:none;border:1px solid #ffffff2b;border-radius:24px;background:linear-gradient(145deg,#1c1a22,#111115);box-shadow:0 18px 50px #0007;transition:transform .2s,border-color .2s}.feature:hover,.feature:focus-visible{transform:translateY(-3px);border-color:var(--pink)}.feature:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.feature-top{padding:22px 23px 0}.tag{display:inline-block;color:#ff8aa7;font-size:9px;text-transform:uppercase;letter-spacing:.18em}.feature h2{font-size:27px;letter-spacing:-.04em;line-height:1.1;margin:11px 0 8px}.feature p{font-size:12px;color:#c5c1ca;line-height:1.5;margin:0}.feature img{display:block;width:100%;height:190px;object-fit:contain;margin-top:3px;filter:drop-shadow(0 16px 25px #0008)}.feature-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:#ffffff0b;border-top:1px solid #ffffff15;font-size:12px}.feature-bottom span:last-child{color:var(--pink);font-size:20px}
    footer{margin-top:31px;color:#77747e;font-size:10px;letter-spacing:.08em}footer b{color:#c5c2c8;font-weight:400}
    .carousel{overflow:hidden}.slides{display:flex;transition:transform .45s ease;touch-action:pan-y}.slide{flex:0 0 100%;min-width:0}.slide .feature{height:100%}.dots{display:flex;justify-content:center;gap:0;margin-top:6px}.dots button{width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.dots button:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#88838d;transition:width .2s,background .2s}.dots button[aria-current="true"]:before{width:25px;border-radius:8px;background:var(--pink)}.dots button:focus-visible{outline:2px solid #fff;outline-offset:0;border-radius:12px}.feature.art-graphic{background:radial-gradient(circle at 82% 55%,#ff165061,transparent 36%),linear-gradient(145deg,#252128,#111115)}.feature.art-visual{background:radial-gradient(circle at 80% 65%,#76254b66,transparent 40%),linear-gradient(145deg,#201e26,#111115)}.service-art{height:193px;display:grid;place-items:center;position:relative;overflow:hidden}.service-art span{position:relative;z-index:1;display:grid;place-items:center;width:160px;height:118px;border:1px solid #ffffff7c;border-radius:10px;background:linear-gradient(145deg,#ffffff25,#ffffff08);box-shadow:18px 19px 0 -8px #ff1650,25px 26px 35px #0007;font-size:56px;color:#fff;transform:rotate(-7deg)}.art-visual .service-art span{width:215px;height:104px;transform:perspective(500px) rotateY(-15deg) rotateZ(-3deg);background:#151216;box-shadow:0 0 0 7px #ffffff20,0 14px 34px #ff165055;font-size:21px;letter-spacing:.06em;text-transform:uppercase}.art-visual .service-art span i{font-style:normal;color:var(--pink)}
    .glow{position:absolute;width:230px;height:230px;border-radius:50%;background:#ff16504d;filter:blur(90px);top:80px;left:50%;transform:translateX(-50%);pointer-events:none;animation:breathe 6s ease-in-out infinite alternate}.logo,.headline,.intro,.links,.carousel{position:relative}.logo{animation:reveal .8s both}.headline{animation:reveal .8s .12s both}.intro{animation:reveal .8s .2s both}.links{animation:reveal .8s .3s both}.carousel{animation:reveal .8s .43s both}.link:not(.primary){backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(120deg,#ffffff22,#ffffff0d)}.feature{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.feature img{animation:float 5s ease-in-out infinite}.socials{display:flex;justify-content:center;gap:12px;margin:28px 0 6px}.socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff3c;border-radius:12px;color:#fff;text-decoration:none;font-size:17px;background:#ffffff12;backdrop-filter:blur(12px);transition:transform .2s,background .2s}.socials a:hover,.socials a:focus-visible{transform:translateY(-3px);background:#ff16504a}.company{font-size:11px;text-transform:uppercase;letter-spacing:.28em;color:#d9d5db;margin:-9px 0 20px}.socials svg{width:18px;height:18px;fill:currentColor}@keyframes reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{to{opacity:.5;transform:translateX(-50%) scale(1.3)}}@keyframes float{50%{transform:translateY(-8px)}}
    @media(max-width:380px){main{padding-top:34px}.logo{margin:29px auto 24px}.feature img{height:155px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Calm, flat canvas and consistent mobile spacing. */
body{background:#09090c}
body:before,.glow{display:none}
main{padding:40px 0 32px}
.logo{margin:28px auto 24px}
.intro{margin:15px auto 28px;line-height:1.58}
.links{gap:11px}
.divider{margin:25px 0 16px}
.socials{margin:19px 0 3px}
.socials a{width:44px;height:44px}
.socials img{display:block;width:20px;height:20px;object-fit:contain}
footer{margin-top:17px}
.feature h2 span{color:var(--pink)}
@media(max-width:380px){main{padding-top:32px}.logo{margin:25px auto 21px}.intro{margin-bottom:24px}}

/* Solid secondary action avoids backdrop-filter rendering artifacts on mobile. */
.links .link:not(.primary){
  background:linear-gradient(125deg,#242329 0%,#1a191f 55%,#15151a 100%);
  border-color:#ffffff32;
  box-shadow:inset 0 1px 0 #ffffff10,0 10px 24px #0005;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.links .link:not(.primary):hover,
.links .link:not(.primary):focus-visible{
  border-color:#ff5b84;
  box-shadow:inset 0 1px 0 #ffffff18,0 14px 28px #0007;
}